CSS滤镜是一种CSS3中新加入的特性，可以通过调整不同属性值来实现图片或者网页的滤镜效果，比如将网页变为灰色。

-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
filter: grayscale(1); /* Standard syntax */

上面是实现网页变灰的CSS代码片段，其中grayscale(1)表示将网页转换为灰度图像，可以根据需求调整数值来改变灰度程度，值越大越灰暗。

为了让网页优雅地变灰，我们通常会给整个页面套上一个容器进行操作，例如：

.container {
-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
filter: grayscale(1); /* Standard syntax */
}

上述代码将给所有在class为container的元素设置为灰度效果，效果如下：

这是一篇示例文章

在这篇文章中，我们使用CSS滤镜的特性来将整个网页变为灰色。

查看更多关于css滤镜让网页变灰色的详细内容...