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

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

ugOk.gif ugOk.gif

前言

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

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

使用教程:

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

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
喜欢就支持一下吧
点赞1赞赏 分享
评论 抢沙发
头像
欢迎提交您的评论,共创文明良好交流环境,请勿提交违规言论!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容