让网站全站颜色变灰的css样式代码

2020年4月4号是全国哀悼日,为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天(4月3日)发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

很多网站页面在这一天也都会变为灰色以示哀思。那么如何简单实现全站变灰呢,只需要修改css样式即可,大家可以在自己的网站后台,比如wordpress可以主题设置中添加单独的css代码。或者直接将css代码添加到在样式文件style.css中

网站全站变灰的css代码如下:

html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}

显示效果

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发