brightness()

brightness() CSS函数将线性乘数应用于输入图像，使其看起来更亮或更暗。结果是一个<filter-function>。

brightness()函数可以接受一个百分比或一个数值作为参数。当参数为100%时，图像将保持原始亮度。值大于100%会使图像变亮，值小于100%会使图像变暗。值为0%将创建全黑图像，而值为100%以上会使图像越来越亮。

这个函数可以用于各种CSS属性，如filter、backdrop-filter等，为网页设计提供丰富的视觉效果。通过调整brightness()的值，设计师可以创建出不同的视觉层次和焦点，增强用户体验。

需要注意的是，brightness()函数会影响图像的所有颜色通道，包括红色、绿色和蓝色。这意味着在调整亮度时，图像的整体色调和饱和度也会发生变化。

在实际应用中，brightness()函数经常与其他滤镜函数结合使用，如contrast()、saturate()等，以创建更复杂的视觉效果。例如，可以通过组合brightness()和contrast()函数来增强图像的细节和清晰度。

浏览器兼容性方面，brightness()函数在现代浏览器中得到了广泛支持，包括Chrome、Firefox、Safari和Edge等。这使得开发者可以在大多数项目中放心使用这个函数，而无需担心兼容性问题。