CSS灰度滤镜,页面变灰代码放在CSS文件中,wordpress网站大家放到style.css主题样式即可。
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。文章源自武享吧-https://www.hula8.net/article/40628.html
上面代码为本站使用代码,因为如上原因,还有一些找了点让网站变灰的代码块。文章源自武享吧-https://www.hula8.net/article/40628.html
一般都是直接放进CSS,具体的可以自己读一下。文章源自武享吧-https://www.hula8.net/article/40628.html
1、在全站的CSS中写入下面二条中的一条:文章源自武享吧-https://www.hula8.net/article/40628.htmlhtml {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
body {
filter: gray;
}
最简单的把页面变成灰色的代码是在head 标签之间插入:文章源自武享吧-https://www.hula8.net/article/40628.html<head>
<style type="text/css">
html {FILTER: gray}
</style>
</head>
/*WordPress站点*/
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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
document.getElementsByTagName('body')[0].style.filter = 'grayscale(100%)';
body {
/* IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/* Chrome, Safari */
-webkit-filter: grayscale(1);
/* Firefox */
filter: grayscale(1);
}
<!-- 4月4日 全国哀悼 -->
<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}
</style>
评论