很多小伙伴都用过美颜神器，例如美颜相机、美图秀秀等。使用这些软件，我们可以轻松做出很多特殊效果，如黑白效果、复古效果、亮度效果等。以前，如果想要使用CSS来实现这些滤镜效果，几乎是不可能的事情。但是在CSS3中，我们现在只需要一两句代码就可以轻松实现了。
在CSS3中，所有的滤镜效果都是使用filter属性来实现的。
语法：
filter: 取值;
说明：
其中filter属性取值有10种，每一种方法对应一种滤镜效果，如下表所示。
| 属性值 | 说明 |
|---|---|
| brightness() | 亮度 |
| grayscale() | 灰度 |
| sepia() | 复古 |
| invert() | 反色 |
| hue-rotate() | 旋转（色相） |
| drop-shadow() | 阴影 |
| opacity() | 透明度 |
| blur() | 模糊度 |
| contrast() | 对比度 |
| saturate() | 饱和度 |
