CSS Filters 是一种 CSS3 功能，它允许您在 HTML 元素上应用图像效果，例如模糊、灰度、反转颜色和对比度调整等。它们类似于 Photoshop 中的滤镜，可以改变图像的外观和感觉。
CSS Filters 可以使用以下函数来定义：
-blur()：使图像变模糊，可以指定模糊的半径，值越大，图像越模糊。 -brightness()：调整图像的亮度，值越大，图像越亮。 -contrast()：调整图像的对比度，值越大，图像的对比度越高。 -drop-shadow()：在图像周围创建一个阴影效果。 -grayscale()：将图像转换为灰度图像，值为 100% 时完全转换。 -hue-rotate()：旋转图像的色相，可以指定旋转的角度。 -invert()：反转图像的颜色。 -opacity()：设置图像的不透明度，值为 0 时完全透明，值为 1 时完全不透明。 -saturate()：调整图像的饱和度，值越大，图像的颜色越鲜艳。 -sepia()：将图像转换为棕褐色色调。
CSS Filters 可以应用于任何支持 CSS 样式的 HTML 元素，例如图像、文字和背景。例如，以下 CSS 代码将在图像上应用模糊和灰度效果：
img {
filter: blur(5px) grayscale(100%);
}
需要注意的是，CSS Filters 是一项实验性的功能，可能不被所有浏览器完全支持。在使用 CSS Filters 时，最好测试您的代码以确保其在不同浏览器和设备上的兼容性。