项目场景:
网页变为黑色配色
让网页变为黑白颜色,一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那我们通过几行简单的代码,来实现这个功能。
各平台实现方式
CSDN:
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
掘金:
filter: grayscale(.95);
-webkit-filter: grayscale(.95);
淘宝:
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
天猫:
filter: grayscale(100%);
兼容性
浏览器支持
授人以鱼不如授人以渔;如果能帮助到你,给个赞再走;你的肯定便是我继续写作的动力。
做个小小的收藏,说不定以后就用到了呢?