今天清明节,全国也举行了哀悼活动,缅怀逝去的英雄。
我在浏览网页的时候,发现有的网站风格变成了灰色。很好奇,一开始以为重写了每个按钮的颜色之类的。调试了半天发现不是。最终发现原来是用了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;
}
最后,愿逝者安息,山河无恙。活着的人保重身体。