CSS将整站网页变成黑白色调，致敬英雄！（2020年4月4日全国哀悼日）
- 经验分享
- 时间：2020-04-04 21:09
- 2642人已阅读
简介
今天是难忘的日子，有英雄为了全国人民抗击新冠脑炎疫情而牺牲，我们普通人这个时候能做的，只有祝福今后我们的祖国更加强大，为英雄们致敬！央视新闻客户端为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院今天(4月3日)发布公告，决定2020年4月4日举行全国性哀悼活动。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。4月4日10时起，全国人民默哀3分钟，汽车、火车、
🔔🔔好消息!好消息!🔔🔔
有需要的朋友👉:微信号
今天是难忘的日子，有英雄为了全国人民抗击新冠脑炎疫情而牺牲，我们普通人这个时候能做的，只有祝福今后我们的祖国更加强大，为英雄们致敬！
央视新闻客户端为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院今天(4月3日)发布公告，决定2020年4月4日举行全国性哀悼活动。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。4月4日10时起，全国人民默哀3分钟，汽车、火车、舰船鸣笛，防空警报鸣响。
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>下一篇： 一文足以了解什么是 Java 中的锁