CSS filter属性用于对元素进行图像处理,可以改变图像的颜色、亮度、对比度、饱和度等。
具体的作用包括:
-
blur:模糊图像
-
brightness:调整图像的亮度
-
contrast:调整图像的对比度
-
grayscale:将图像转为灰度
-
hue-rotate:旋转图像的色调
-
invert:反转图像的颜色
-
opacity:调整图像的透明度
-
saturate:调整图像的饱和度
-
sepia:将图像转为深褐色
-
drop-shadow:添加阴影效果
-
url():使用SVG滤镜对图像进行处理
通过组合不同的filter属性值,可以实现更多的图像处理效果。