CSS将整站网页变成黑白色调,致敬英雄!(2020年4月4日全国哀悼日)

  • 作者: 凯哥Java
  • 经验分享
  • 时间:2020-04-04 21:09
  • 699人已阅读
简介 今天是难忘的日子,有英雄为了全国人民抗击新冠脑炎疫情而牺牲,我们普通人这个时候能做的,只有祝福今后我们的祖国更加强大,为英雄们致敬!央视新闻客户端为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天(4月3日)发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、

今天是难忘的日子,有英雄为了全国人民抗击新冠脑炎疫情而牺牲,我们普通人这个时候能做的,只有祝福今后我们的祖国更加强大,为英雄们致敬!

央视新闻客户端为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天(4月3日)发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。1585962682887309.jpg

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


将以上代码放入公共CSS文件中或是放入需要实现网页变成黑白色调的HEAD中<style>标签即可!

或是使用:

<style>
html {
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
       -webkit-filter: grayscale(100%);
       filter: grayscale(100%);
}
</style>


Top Top