×
  • Web前端首页
  • Html4
  • 一行代码实现“Web前端之家”网站变灰色,缅怀一代伟人江爷爷

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

作者:Terry2022.12.05来源:Web前端之家浏览:3753评论: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);
}

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

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/cssbianhuiyilian.html

网友评论文明上网理性发言 已有0人参与

发表评论: