> CSS filter 是一种用于改变元素视觉效果的 CSS 属性,可以通过多种 CSS 滤镜来实现,包括但不限于: 1. blur():用于模糊元素,可以设置模糊半径。 2. brightness():用于调整元素的亮度,可以设置亮度百分比。 3. contrast():用于调整元素的对比度,可以设置对比度百分比。 4. grayscale():用于将元素转换为灰度图像,可以设置灰度百分比。 5. hue-rotate():用于旋转元素的色相,可以设置旋转角度。 6. invert():用于反转元素的颜色,可以设置反转百分比。 7. opacity():用于调整元素的不透明度,可以设置不透明度百分比。 8. saturate():用于调整元素的饱和度,可以设置饱和度百分比。 9. sepia():用于将元素转换为深褐色图像,可以设置深褐色百分比。 可以使用 filter 属性将多个滤镜组合在一起,例如: ``` filter: blur(5px) brightness(150%) contrast(150%); ``` 需要注意的是,CSS filter 不是所有浏览器都支持,特别是在移动设备上的兼容性较差。因此,在使用 CSS filter 时需要谨慎考虑兼容性问题,并进行必要的测试和降级处理。