今天是2020年4月4日，不仅是节日，也是举国哀悼的日子。哀悼日要停止一切娱乐活动。这个时候我们在进入某些网站的时候。会发现网站整体呈置灰效果。这个时候有些同学就会有疑问了，他们是如何快速实现这个效果的呢。其实很简单。对没错，就是它，css 的滤镜效果。
MDN 的解释：filter CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。
自己稍微试了一下。发现效果还不错：
这个是正常的图片：
加上滤镜效果之后:
filter: grayscale(100%); 只需要在body上加上这样一个属性。就大工告成了。怎么样是不是很简单。什么？你觉得不太对？为啥旁边的字的颜色不太对？稍等，咱们来看一下这个属性的MDN的解释：
将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0。
也就是说只能对于图像有作用。如果你的网站图片比较多的情况下，可以考虑一下,不过，IE就算了（什么？这都2020年了，还有人在管IE！？），如果IE的话，就只好麻烦下UI小哥哥、姐姐了。暂时没想到其他好办法。
