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

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

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

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

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

页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 如何用css将页面变成灰色[教程]!