把网页变成黑白(兼容谷歌、火狐、ie等浏览器)

当前位置 : 首页 > 网页制作 > 心得技巧 > 把网页变成黑白(兼容谷歌、火狐、ie等浏览器)

把网页变成黑白(兼容谷歌、火狐、ie等浏览器)

来源:互联网 作者:脚本宝典 时间:2015-09-03 12:52
往css文件里写入 复制代码 代码如下: 01.html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(data:image/svg+xml;utf8,s

css文件里写入 

复制代码

代码如下:


01.html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-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\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} 


其实也就是加一个灰色滤镜


Tag:
网友评论

<