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

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

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

只要在你的网站全局的部分添加这段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 协议》,转载必须注明作者和本文链接
温馨提示:微信搜索并关注   学Laravel  里面有两套Laravel课程:【laravel7.x 从入门到核心架构讲解】 与 【Laravel高级实战教程42集】,直接获取就可以了,学习与交流可加入:Laravel技术交流微信群
Laravel00
讨论数量: 3
你看我吊吗啊

NB 收藏了

1个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
资深程序猿 @ 平安科技
文章
52
粉丝
17
喜欢
185
收藏
403
排名:362
访问:1.3 万
私信
所有博文