CSS代码实现网站变成全灰色

为了表示对重庆东方之星客轮长江翻沉事故中遇难者哀悼,腾讯网整个网站显示成全灰色。看了下腾讯网的源代码,实现很简单,在CSS样式表中加入全局webkit-filter: grayscale灰度值即可,同时考虑不同浏览器的兼容性。
CSS代码如下:


以本站为例,100%灰度效果如下:

CSS代码实现网站全灰度显示

CSS代码实现网站全灰度显示

5G:当新思维模式 遇见下一代网络 巴萨夺得2015赛季欧冠冠军

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×