如何给你的网站设置黑白背景，需求：悼念日

这个需求我们在一些悼念日经常会看到，比如国家公祭日（勿忘国耻）。。。有些网站就把背景设置为黑白页了。

这个需求很简单，自己动手设置了一下，用一个网站实践了一下，如图，没设置之前

只要在你的网站全局的部分添加这段 css 代码就可以实现整站黑白背景了。

代码如下：

<style>

html{

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}

</style>设置后，刷新一下网站，效果如下：

好了，自己试试吧，最好放在代码的头部

原文地址：https://www.toutiao.com/article/7042484814825521667/