滤镜css

文章来自：源码在线https://www.shengli.me/css/72.html

1、使用语法：

2、css滤镜方法大全：

1. grayscale           灰度

2. sepia                 褐色

3. saturate            饱和度

4. hue-rotate        色相旋转

5. invert                反色

6. opacity             透明度

7. brightness        亮度

8. contrast           对比度

9. blur                  模糊

10. drop-shadow   阴影

3、浏览器兼容

要使用浏览器前缀。

4、效果图展示：

原图

 代码：

模糊：

 

灰度：

 

褐色：

 

 

亮度：

 

色相：

 

 

反色：

 

 

透明：

 

饱和度： 

 

对比度：

 

 

5、滤镜动画代码：

 

小提示：blur 和 contrast 是最佳搭档哦！