历史搜索

网站全局变灰代码

游客2024-09-10 07:53:02

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

实现很简单,只需要在全局 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%);
}
/*网站整体灰白开始二结束*/
标签:CSS