利用CSS将页面变灰

2014年12月13日 飞飞 阅读(3.34K)

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

}

未经允许不得转载:PHP学习网 » 利用CSS将页面变灰
分享到:

相关推荐

评论4

要发表评论,您必须先
  1. #2
    文章内容代码部分要是能高亮就好了, 看起来更舒服
    小孩2017-09-07 12:07:12
  2. #1
    不支持Firefox
    Anymore2015-06-19 10:52:29
    • 有的浏览器支持有的不支持,这个没测试
      gaofei03572015-07-20 17:32:31

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

扫码关注微信公众号

扫描关注微信公众号