css的fliter属性实现页面变灰的效果

最近大部分网站的页面都变灰了，以示哀悼。

出于好奇，了解了一下怎么让页面变灰而不用出现布局。

fliter属性：

可以将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染;

它可以设置grayscale滤镜函数，也即是灰色滤镜，

设置值为0为默认值，原始页面；

设置值为1可以让页面完全变灰。

代码：

html{
        filter: grayscale(1);
    }

效果：