最近大家都发现网站变为灰色的，具体呢到底怎么实现

发现

当我们查看该页面的时候会发现页面变为灰色的

图片.png

当我们把页面css给注释掉时你会发现页面有变为原来的颜色的

html.gray-mode {
  filter: grayscale(.95);
  -webkit-filter: grayscale(.95);
}

html.gray-mode {
  filter: grayscale(.95);
  -webkit-filter: grayscale(.95);
}

图片.png

实现

我们只需要cv过来就可以了

html{
    filter: grayscale(100%);
}

我们再搞懂他的用法

grayscale()

grayscale() 函数将改变输入图像灰度。amount 的值定义了转换的比例。值为 100% 则完全转为灰度图像，值为 0% 图像无变化。值在 0% 到 100% 之间，则是效果的线性乘数。若未设置值，默认是 0。

filter: grayscale(100%)

这里可以查看关于 filter 的有关文档

filter - CSS（层叠样式表） | MDN (mozilla.org)

关于网站变灰，是怎么实现的

发现

实现

grayscale()