emlog实现网站变灰的html代码,简单实现wordpress网站全站变灰代码

今天是4月4号，全国响应国务院号召，暂停公共娱乐措施，基本上所有游戏都进入了服务器停机，不少网站也都通过代码来实现灰色哀悼效果。

方法1：

将下面代码加入wordpress在后台外观，自定义里面的额外css里即可，鸟叔主题的话加在主题选项里的css里就可以了，到前台刷新一下，网页变灰色了吧，包括网站的广告、图片等整个网页变黑白了。

代码：

html{

-webkit-filter: grayscale(100%); /* webkit */

-moz-filter: grayscale(100%); /*firefox*/

-ms-filter: grayscale(100%); /*ie9*/

-o-filter: grayscale(100%); /*opera*/

filter: grayscale(100%);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

filter:gray; /*ie9- */

}

方法2：

代码加到

之间，即可直接实现全站灰色效果。

代码如下：

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

html{

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

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);

filter: gray;

-webkit-filter: grayscale(1);

}