给整个网站设置黑白背景，用于需求：悼念日
0 / 4 / 创建于 3年前 /
Laravel00 的个人博客
这个需求我们在一些悼念日经常会看到，比如国家公祭日。。。有些网站就把背景设置为黑白页了。
这个需求很简单，自己动手设置了一下，用一个网站实践了一下，如图，没设置之前
只要在你的网站全局的部分添加这段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
关于 LearnKu
粤公网安备 44030502004330号
NB 收藏了
有用
mark
mark