网页整体变成黑白的 CSS 代码

说明

Web 前端教程正在筹划中，欢迎大家加微信 gairuo123 提供意见、建议、纠错、催更。

在一些特殊的纪念日，如知名公众人物逝世、公祭日等情况下，需要将网页变为黑色颜色，用以下一个针对 html 标签的 CSS 即可实现。

代码如下：

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

放在网站公共的 CSS 文件前面即可。

更新时间：2022-12-03 16:01:51 标签：css 前端代码黑白