哀悼日网站全站变灰CSS代码
为深切哀悼抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞，响应国务院发布的2020年4月4日全国性哀悼活动！ 新型冠状病毒肺炎疫情阻击战打响以来，全国各地抗疫工作人员与同胞们一直都战斗在一线， 对他们的付出，菠萝博客致以最崇高的敬意！
为了更多的小伙伴可以达成这种效果，在哀悼日可以表达一份哀悼。我们今天也来给出相关方法。
下面给大家放一次性修改代码，直接放在CSS样式里面就可以了！
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}这种效果是用纯CSS来实现的。
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
如果你想全站变灰，代码如下
*{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}如果你想只对于网站图片来实现灰度，代码如下
img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}如果只想针对部分图片，代码如下
/*这段代码只会对于class位grey的图片*/
img.grey{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
