让网站页面全部变成灰色的代码免费公开! - 於子牙Blog | 每日学习笔记(旧站点)

让网站页面全部变成灰色的代码免费公开!

启五

手机扫码查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

於子牙博客哀悼日.png

4月4日,全国哀悼日,为了纪念那些英雄,我们多数站长都把网站全部改成灰色哀悼调,下面是修改全站页面变成灰色调的代码:
<style>
    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);
    }
</style>
我们只需将上面代码,在后台设置一下即可实现:emlog全站变灰色调代码段.png

如果你的事DZ论坛,同样可以用此代码实现:DZ论坛变成灰色.png
分享到:
打赏
未经允许不得转载:

作者: 启五, 转载或复制请以 超链接形式 并注明出处 於子牙Blog | 每日学习笔记(旧站点)
原文地址: 《让网站页面全部变成灰色的代码免费公开!》 发布于2020-4-11

评论

  1. #1
    今日新鲜事 游客 Lv.1

    文章不错非常喜欢


切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

login验证码

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

支付宝扫一扫打赏

微信扫一扫打赏