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