在很多特殊的节日或者特定的场合中，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。那么今天就说说，如何使用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,#grayscale");
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}

当然，也可以使用JS自动实现变灰，详情请阅读这篇文章：

哀悼日或指定日期网页自动变灰代码

一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站...

最后修改：2022 年 12 月 03 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏