利用CSS将页面变灰

技术文章 2014年12月13日 4.66K

不知道还有多少人记得曾经为了悼念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);

}

文章评论

您需要之后才可以评论
0点赞 4评论 收藏 QQ分享 微博分享