CSS 滤镜（CSS filters）是一种 CSS 属性，它可以应用于元素的可视呈现，用于实现各种视觉效果和图像处理效果。滤镜属性允许你修改元素的外观，如调整亮度、对比度、模糊度等。以下是一些常用的 CSS 滤镜属性：
1、blur()：给元素添加模糊效果。
.element {
filter: blur(5px); /* 模糊半径为 5px */
}
2、brightness()：调整元素的亮度。
.element {
filter: brightness(150%); /* 亮度增加 50% */
}
3、contrast()：调整元素的对比度。
.element {
filter: contrast(200%); /* 对比度增加 100% */
}
4、grayscale()：将元素转换为灰度图像。
.element {
filter: grayscale(100%); /* 完全灰度化 */
}
5、sepia()：给元素添加复古色调。
.element {
filter: sepia(50%); /* 50% 的复古色调 */
}
6、saturate()：调整元素的饱和度。
.element {
filter: saturate(200%); /* 饱和度增加 100% */
}
7、hue-rotate()：旋转元素的色相。
.element {
filter: hue-rotate(90deg); /* 色相旋转 90 度 */
}
8、invert()：反转元素的颜色。
.element {
filter: invert(100%); /* 颜色完全反转 */
}
这些是一些常用的 CSS 滤镜属性，你可以根据需要使用其中的一个或多个属性来实现特定的视觉效果。请注意，滤镜属性在不同浏览器中的兼容性可能会有所不同，因此在使用时需要进行相应的浏览器兼容性检查。