介绍一下css filter

CSS filter 是一种可以对 HTML 中的元素进行视觉效果处理的方法。通过 CSS filter，我们可以对元素进行模糊、颜色变换、亮度调整等操作，以实现更加丰富的视觉效果。

常用的 CSS filter 包括：

1. blur：实现模糊效果；
2. brightness：调整元素的亮度；
3. contrast：调整元素的对比度；
4. grayscale：实现黑白效果；
5. hue-rotate：调整元素的色相；
6. invert：将元素颜色取反；
7. opacity：调整元素的不透明度；
8. saturate：调整元素的饱和度；
9. sepia：实现深褐色效果。

你可以通过在 CSS 中添加 filter 属性，然后设置对应的属性值来实现以上效果。例如，以下代码可以将一个图片变成黑白：

img {
  filter: grayscale(100%);
}