哀悼日很多网站都变成了灰色,这是怎么做到的?

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院发布公告，决定2020年4月4日举行全国性哀悼活动。全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。 而在哀悼日当天,许多网站将自己的整个首页变成了灰色,表达深切哀悼。当时我就在想这是怎样做到的呢？ 经过探索发现其实很简单,前端工程师们给htm增加一行代码就可以了。

html{
    filter:grayscale(100%);
}

去掉这行代码之后就恢复了原样

添加兼容后完整代码

html{
    -webkit-filter:grayscale(100%);  //谷歌浏览器 
    -moz-filter:grayscale(100%);   //火狐浏览器
    -ms-filter:grayscale(100%);   //一般浏览器
    -o-filter:grayscale(100%);   //opera浏览器
    filter:grayscale(100%);        
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  //IE浏览器}
}