【CSS Demo】网站页面变灰

最新推荐文章于 2022-09-14 16:10:24 发布

ajhtdi1157

最新推荐文章于 2022-09-14 16:10:24 发布

阅读量96

点赞数

原文链接：http://www.cnblogs.com/yc-755909659/p/6374228.html

版权

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

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

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

其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);
}