【CSS Demo】网站页面变灰

让网站所有元素变成灰色调，全浏览器支持，使用了滤镜，比较吃性能，建议作临时方案使用。

实现效果（点击下面的按钮）：

这里放一张图片作为效果展示：

【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，如需转载请自行联系原作者

2021-08-25
2021-08-15
2021-08-15
2021-08-15
2021-11-18
2021-12-05
2021-12-10
2021-10-20