本文作者:花雾影

WordPress 主题全站变灰代码免费分享分享wordpress教程

WordPress 主题全站变灰代码免费分享分享wordpress教程摘要: wordpress主题整站变灰PHP代码,适合一些特殊日子,在我们主题的functions.php添加如下代码://网站整体变灰    ...

WordPress主题整站变灰PHP代码,适合一些特殊日子,在我们主题的functions.php添加如下代码:

//网站整体变灰    
function hui_head_CSS() {    
$styles = "";    
$styles .= "html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-Webkit-filter: grayscale(100%);}";    
if ($styles) {    
echo "<style>" . $styles . "</style>";    
}    
}    
add_action("wp_head", "hui_head_css");

224622-16152147825484.jpg

代码2  

 

将这段代码加入主题文件夹下的style.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,<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);    
}


文章版权及转载声明

作者:花雾影本文地址:https://www.shuipo.net/blog/199.html发布于 06-14
文章转载或复制请以超链接形式并注明出处水泊网

赞(

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,2673人围观)参与讨论

还没有评论,来说两句吧...