前端实现网页变灰功能

利用CSS3的属性 filter

我们先看看MDN中是如何对 filter 属性做解释的

CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。

因此，只需将页面的html元素设置以下样式即可实现页面置灰：

html {
  filter: grayscale(100%);
}