网站都变成灰色了，它是怎么实现的？

先来看一下变灰后的效果。


这种灰色的效果怎么实现的呢？如何做到图片、文字、按钮都变灰的效果呢？

百度主要是body 上加了 big-event-gray 的 class，然后针对按钮和输入框和 log 做了 background 定制，因为百度的首页元素比较少

而b站则用的是一种不同的方法，用到了css的一个filter属性

grayscale 是一个 CSS 函数，可以把图像转成灰色，参数是个百分比，结果返回一个 filter 函数。filter 函数可以用来改变图像的显示效果，用于 CSS 的 filter 属性。除了 grayscale 函数，可选项还有以下这些：