网站变灰代码-悼念遇难同胞

最新推荐文章于 2024-06-23 20:33:11 发布

转载最新推荐文章于 2024-06-23 20:33:11 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/44705

本文提供了一段CSS代码，可以快速将网站的颜色调整为灰色，以表达对遇难同胞的哀悼之情。只需要将提供的CSS代码加入到网页的样式文件中即可实现效果，移除代码后网站颜色恢复正常。

如果你也想和我一样网站变灰来悼念遇难的同胞

以下css代码加在你的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,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"grayscale\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray;
-webkit-filter: grayscale(1)
}