实现网站全局变灰代码[网站教程]

前言

网站全体变灰主要在用于全国悼念日

效果

图片[1]-实现网站全局变灰代码

代码

有两种代码可以实现

第一种

/*网站整体灰白*/
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代码里面就可以了

温馨提示:本文最后更新于2022-05-01 17:36:16,某些文章具有时效性,若有错误或已失效,请在下方留言或联系何以晨情
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片