码迷,mamicode.com
首页 > Web开发 > 详细

让页面整体变灰css设置

时间:2015-03-04 16:50:59      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

上次看到某人去世了,百度就把相应介绍某人的信息页面全部灰掉,于是寻找到了种简单的方法,只需设置html

 1 html {
 2         filter: grayscale(100%);
 3         -webkit-filter: grayscale(100%);
 4         -moz-filter: grayscale(100%);
 5         -ms-filter: grayscale(100%);
 6         -o-filter: grayscale(100%);
 7         filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"grayscale\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
 8         filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
 9         filter: gray;
10         -webkit-filter: grayscale(1)
11     }

 

让页面整体变灰css设置

标签:

原文地址:http://www.cnblogs.com/huangxiaowen/p/4313470.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!