前天是 2020 年 4 月 4 日,星期六,农历三月十二,清明节。
2020年初我们的国家经历了一次非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,全国下降半旗,默哀三分钟,来致敬英雄们。同时一切公共娱乐活动也都会停止,包括直播、综艺、影视、游戏等等。
此时国务院号召全国网站平台,不管是网页端还是手机端都必须把首页变成黑白色,以表对逝去的英雄们的致敬。
那么网站上以前有颜色的首页如何将它变成黑白色的呢?难道是工程师们将网站里边的CSS样式和图片全部替换成了黑白色的了吗?答案是否定的,那我们现在就来看看这些黑白是的网站是如何实现的。我们以百度首页为例做演示。
一、首先打开百度首页,可以看到百度首页是天蓝色的。
二、右键打开检查,可以查看到百度首页的源代码
三、找到百度首页body的CSS代码区
四、在body的CSS代码区当中输入-webkit-filter: grayscale(100%)
五、此时我们可以看到百度首页已经变成了黑白色
最后,就这么简单的一行代码,搞定了网站变成了黑白色,是不是很神奇。