使用CSS将网站变为黑白色

2020-04-03
网站折腾
1 条评论
18558 次阅读

文章介绍如何通过修改主题 CSS，让网站整体显示为黑白效果，以适用于全国哀悼等特殊场景。文中给出一段可直接添加到主题样式文件中的 grayscale 灰度滤镜代码，兼容多种浏览器内核与旧版 IE，并配有相关示意图片。
AI摘要

愿逝者安息
愿生者奋发
愿祖国昌盛

编辑主题的CSS文件，添加以下代码。

/*网站黑白化*/
html{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,#grayscale"); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}