简单通用CSS实现网站变灰

网站灰色CSS代码

在很多特殊的节日或者特定的场合中，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。那么今天就说说，如何使用CSS实现。

复制以下代码，在你的网站CSS文件结尾插入即可。

1
2
3
4
5
6
7
8
9
10
11
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);
}