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

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

025

前言

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

图片[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%);
}
/*网站整体灰白开始二结束*/
温馨提示:本文最后更新于2021-09-19 14:50:31,某些文章具有时效性,若有错误或已失效,请在下方留言或联系博主

感谢来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
赞赏
评论 抢沙发
pengqi的头像-淇云博客

昵称

取消
昵称表情代码图片