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