怎么使一行代码实现网页变灰

如何实现下列效果，更换多套CSS么？那多费劲，那么使用一招快速变更页面为灰色，等清明节过完了，就可以恢复

主要是给html标签加个样式

html.gray {
    -webkit-filter: grayscale(.95);
}

其兼容性写法为

html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

这种写法的官方介绍为

https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。CSS 标准里包含了一些已实现预定义效果的函数。你也可以参考一个 SVG 滤镜，通过一个 URL 链接到 SVG 滤镜元素 (SVG filter element[1])。

参考：  https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter