CSS使网页变灰

今天清明节，全国也举行了哀悼活动，缅怀逝去的英雄。

我在浏览网页的时候，发现有的网站风格变成了灰色。很好奇，一开始以为重写了每个按钮的颜色之类的。调试了半天发现不是。最终发现原来是用了filter过滤器，用法参照MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/filter

于是，我们要想要实现网页变灰效果，可以在html或者body元素上添加如下样式即可。

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

最后，愿逝者安息，山河无恙。活着的人保重身体。