【CSS Demo】网站页面变灰
让网站所有元素变成灰色调,全浏览器支持,使用了滤镜,比较吃性能,建议作临时方案使用。
实现效果(点击下面的按钮):
这里放一张图片作为效果展示:
其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,如需转载请自行联系原作者