CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码

使用CSS3 filter滤镜可以轻松实现网页灰色或者黑色模式。下面以灰色模式为例，提供两条示例说明：

示例一：使用grayscale()函数实现网页灰色模式

grayscale()函数可以将图像转换为灰度图像，取值范围为0到100，0表示完全无色（黑色），100表示完全灰度（白色）。我们可以将网页的所有元素应用该函数，即可实现灰色模式。

html {
    filter: grayscale(100%);
}

将以上代码放入全局CSS文件中，即可实现网页灰色模式。

示例二：使用brightness()函数实现网页黑色模式

brightness()函数可以调整图像的亮度，其取值范围为0到100%。为了实现黑色模式，我们需要将亮度调整为最小，即0%。

html {
    filter: brightness(0%);
}

同样，将以上代码放入全局CSS文件中，即可实现网页黑色模式。

需要注意的是，由于CSS3 filter还未被所有浏览器兼容，需要结合JavaScript进行浏览器兼容性检测和降级处理，以保证网页的正常运行。