2020年4月4日是农历庚子年清明节,也是自2000年以来的第四个国祭,4月4日将举行全国哀悼。4日午夜,各大游戏均暂停维护,各公司首页应用均改为黑白主题。4日10时许,全国降半旗志哀,齐鸣哨声默哀,向在抗击新冠肺炎疫情斗争中牺牲的烈士和逝世同胞表示沉痛哀悼。这可能是我人生中第一次上线下线,身前身后都是灰暗悲凉的基调。百度、腾讯新闻、今日头条、人民日报、淘宝等大家可以使用的APP/官网都将页面颜色改为黑白,以示哀悼。他们是如何在一夜之间将如此多的网页主题切换的?他们已经被通知了吗?其实这几个关键代码只有一行,然后考虑各个浏览器版本的兼容性就可以轻松搞定:`filter:grayscale(100%)`这是一行css3风格的代码,意思是转换图像为灰度图像。该值定义转换的比例。值为100%将完全转换为灰度图像,值为0%则不会改变图像。0%到100%之间的值是效果的线性乘数。如果不设置,则值默认为0;有了核心代码,稍微修改一下,使其兼容多版本浏览器html{filter:url("data:image/svg+xml;utf8,
