如何用css将页面变成灰色[教程]!

安子超 · 发表于 2015-10-14 17:35:33

本帖最后由 xiaoye 于 2015-10-15 15:45 编辑

今天(2015-1-22)意外的发现百度搜索带"姚贝娜"三个关键字的网页变成了灰色,看来百度也挺用心的(愿逝者安息吧)!那如何用CSS实现网页全部变灰呢?很简单,在相应的页面css文件内加入如下代码:

[HTML] 纯文本查看 复制代码

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);
}

演示效果如本页面,全部变灰!

borall · 发表于 2015-10-15 01:41:59

支持，看起来不错呢！

若冰 · 发表于 2015-10-16 06:42:35

支持中国红客联盟(ihonker.org)

borall · 发表于 2015-10-16 22:15:20

学习学习技术，加油！

Jack-5 · 发表于 2015-10-17 13:42:41

支持中国红客联盟(ihonker.org)

wilist · 发表于 2015-10-17 19:53:34

CHRIS · 发表于 2015-10-18 17:18:11

还是不错的哦，顶了

yusiii · 发表于 2015-10-18 19:37:25

学习学习技术，加油！

wanmznh · 发表于 2015-10-18 20:40:17

支持，看起来不错呢！

小龙 · 发表于 2015-10-19 16:07:55

如何用css将页面变成灰色[教程]!

相关帖子

指导单位

旗下站点

联系我们