您的位置:首页 > Web前端 > CSS

css给网页添加 黑白滤镜

2015-07-28 12:22 597 查看
<style type="text/css">
/*给网页添加 黑白滤镜*/
html{
/*兼容FF*/

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");
/*兼容IE内核*/
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/*兼容其它,谷歌之类的*/
-webkit-filter: grayscale(1);
}
</style>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: