给整个网站设置黑白背景,用于需求:悼念日

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

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

只要在你的网站全局的部分添加这段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>

设置后,刷新一下网站,效果如下:

好了,自己试试吧,最好放在头部

本作品采用《CC 协议》,转载必须注明作者和本文链接
程序员的福利:免费获取 JetBrains 全家桶激活码 推荐:【点击这里获取 。。。激活码适用:AppCode, CLion, DataGrip, DataSpell, dotCover, dotMemory, dotTrace, goland, IntelliJ IDEA Ultimate, phpstorm, pycharm, ReSharper
Laravel00
讨论数量: 4

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
资深程序猿 @ XX科技
文章
62
粉丝
37
喜欢
249
收藏
571
排名:284
访问:3.3 万
私信
所有博文
社区赞助商