让网站所有元素变成灰色调,全浏览器支持,使用了滤镜,比较吃性能,建议作临时方案使用。
实现效果(点击下面的按钮):
这里放一张图片作为效果展示:
其CSS代码如下:
body{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;-webkit-transform: translateZ(0); }
本文转自叶超Luka博客园博客,原文链接:http://www.cnblogs.com/yc-755909659/p/6374228.html,如需转载请自行联系原作者