哀悼CSS 哀悼的时候让页面字体变黑的css

最新推荐文章于 2022-12-02 15:12:32 发布

chuangyuansa9569

最新推荐文章于 2022-12-02 15:12:32 发布

阅读量570

点赞数

原文链接：https://my.oschina.net/u/1162572/blog/372180

版权

想必这几天大家都会用到这样的代码，不管是前端的，HTML的，还是CSS的，目的都是一个，就是让网站整体色调变灰，借此来悼念地震中的罹难者。权且叫做哀悼CSS吧。可以兼容Firefox Chrome Safari 和IE6 IE7 IE8 IE9 IE10 不兼容Opera。代码如下：

    html {
    filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\’/></filter></svg>#grayscale”); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

转载于:https://my.oschina.net/u/1162572/blog/372180