利用CSS将页面变灰

不知道还有多少人记得曾经为了悼念5·12汶川地震，很多网站都将页面中所有的图片以及文字变成灰色。彪叔曾经也做了一个工具“哀悼的CSS（网站变灰）2.0”，用来把网站变灰。

想想当初有多人为了这个事情而忙得不可开交，要把所有的图片在photoshop里去色，再到样式表中把所有的颜色值改成灰色，最后等过了时间之后又要恢复原状。其中也有一些网站仅仅是在IE浏览器中用了滤镜来解决，并没有去处理其他浏览器的。

今天发现利用下边这段代码可以方便的将页面变为灰色，这样就节省了不少成本！

html {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: url(desaturate.svg#grayscale);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(1);

}

查看更多关于利用CSS将页面变灰的详细内容...