如何让网页灰色？彩色变黑白色调实现方法_生活百科

如何让网页灰色？彩色变黑白色调实现方法让整个网页灰色，或者是变成黑白色，这种情况一般是在特殊时期才会出现，比如某某人的离世发布讣告，或者国内发生重大事件，如地震海啸等自然灾害，这个时候很多网站的站长便将网页设置成灰色以示悼念。那网页这种方法是怎么实现的呢？下面随橘子君一起来了解一下吧。
实现代码
【如何让网页灰色？彩色变黑白色调实现方法】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);}通过上面这段简短的代码，即可让整个网页灰色显示，新手站长可参考如下代码使用方法。
使用方法
进入网站的根目录，找到网站的CSS文件，站长只需将以上代码加入到网站的style.css文件中保存即可。在此步骤之前建议先做好备份，当网页想取消黑白色调的效果时，站长可以将该段代码注释掉即可，这样也方便下次可随时启用。
效果展示

文章插图