AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > css教程

网站变灰色兼容代码 包括图片 支持所有浏览器

51自学网 http://www.wanshiok.com
变灰,兼容,图片,浏览器

直接上代码:


复制代码
代码如下:
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
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/'></fecolormatrix></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

就一句代码,wanshiok.com的小编收藏的,简单实用,希望能帮到大家。


变灰,兼容,图片,浏览器  
上一篇:css sprite简单实例  下一篇:CSS3中的Transition过度与Animation动画属性使用要点