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

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

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

其CSS代码如下：

  1. body{
  2.   -webkit-filter:grayscale(100%);
  3.   -moz-filter:grayscale(100%);
  4.   -ms-filter:grayscale(100%);
  5.   -o-filter:grayscale(100%);
  6.   filter:grayscale(100%);
  7.   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  8.   filter:gray;
  9.   -webkit-transform: translateZ(0);
  10. }

 

来源：网站变灰 CSS

版权声明：本文为yc-755909659原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/yc-755909659/p/6374228.html