如何让网页灰色?彩色变黑白色调实现方法

橘子网 3,953 0

让整个网页灰色,或者是变成黑白色,这种情况一般是在特殊时期才会出现,比如某某人的离世发布讣告,或者国内发生重大事件,如地震海啸等自然灾害,这个时候很多网站的站长便将网页设置成灰色以示悼念。那网页这种方法是怎么实现的呢?下面随橘子君一起来了解一下吧。

实现代码

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文件中保存即可。在此步骤之前建议先做好备份,当网页想取消黑白色调的效果时,站长可以将该段代码注释掉即可,这样也方便下次可随时启用。

效果展示

如何让网页灰色?彩色变黑白色调实现方法

上一篇:

下一篇:

相关阅读

分享