一行代码实现“Web前端之家”网站变灰色，缅怀一代伟人江爷爷

作者：Terry2022.12.05来源：Web前端之家浏览：3793评论:0

关键词：css

最近大家打开很多APP和网站，网站都变成灰色了，大家应该也知道，缅怀一代伟人江爷爷，他的思想精神永垂不朽！

接下来如何做到的呢？之前我们分享过一篇文章：

CSS应用：分享一些“一键使得网站变灰”的方法

还没看过的就先看下吧，我们用了其中一种方法，试试，效果如下：

QQ截图20221205212430.jpg

CSS代码如下：

html{ 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url("data:image/svg+xml;utf8,#grayscale"); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
    -webkit-filter: grayscale(1);
}

大家如何有网站，也试试吧。

赏您的支持是我们创作的动力！