CSS | 亮度（）函数

CSS的brightness（）函数是一种用于调整亮度的CSS滤镜函数。该函数允许您在图像上应用滤镜效果，从而更改图像的整体亮度。

语法

brightness()函数的语法非常简单，只需提供一个数字作为参数即可。此数字必须在0和1之间，其中0表示完全黑色，1表示未更改的原始颜色。

filter: brightness(0.5);

在本例中，图像的亮度降低了一半。

示例

img {
  filter: brightness(0.5);
}

在此示例中，所有图像的亮度都降低了一半。

img {
  filter: brightness(1.5);
}

在此示例中，所有图像的亮度都增加了50％。

img {
  filter: brightness(0);
}

在此示例中，所有图像将呈现为完全黑色。

兼容性

brightness（）函数由CSS3引入，并在现代浏览器中得到了良好的支持，但是在某些旧版浏览器中可能会存在问题。

查看Can I use以获取完整的浏览器支持信息。

总结

brightness（）函数是CSS滤镜函数之一，可用于更改图像的亮度。在图像上应用brightness（）函数时，传递的参数必须在0和1之间。该函数由CSS3引入，并在大多数现代浏览器中得到了充分支持。