为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院发布公告,决定2020年4月4日举行全国性哀悼活动。全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。
而在哀悼日当天,许多网站将自己的整个首页变成了灰色,表达深切哀悼.可能有许多小伙伴好奇这是怎样做到的.
其实很简单,前端工程师们只需要一行代码就可以解决,
只需给htm增加一行代码就可以了
// html{
// -webkit-filter: grayscale(100%);
// filter: grayscale(100%);
// }
效果图如下
把该样式去掉效果如下