一行简单的代码实现网站全局变灰操作方式及教程方法

网站全体变灰主要在用于哀悼缅怀烈士和悼念日使用

使用方法

图片[1]-一行简单的代码实现网站全局变灰操作方式及教程方法-亲测网
亲测网演示灰色效果

也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果可以查看上方截图的效果

1、后台主题设置—>自定义代码—>自定义CSS样式代码把下面的代码添加到里面

自定义CSS代码:

第一种代码:

/*网站整体灰白开始一*/
body {
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
}
/*网站整体灰白一结束*/

第二种代码:

/*网站整体灰白开始一*/
html{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
/*网站整体灰白开始二结束*/

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发
亲测网的头像-亲测网

昵称

取消
昵称表情代码图片