用css的filter给网页增加灰白滤镜，设置全局的class

我们先来看看大家都是咋加的滤镜，首先看下微博

 再来看看百度

所以这种将整个系统都改变颜色的需求，一般就是用一个全局的class实现，最常用的方法就是增加滤镜

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray;

可以参考一下这个文章 

【CSS特效】progid:DXImageTransform.Microsoft.Gradient - 知乎在看threejs实例时候发现一个FILTER:progid:DXImageTransform.Microsoft.Gradient ThreeJS GradientGradient Filter (A, ABBR, ACRONYM, ...)语法： filter:progid:DXImageTransform.Microsoft.Gradient(enabled=b…https://zhuanlan.zhihu.com/p/283745512