让你的网站全站变成黑白教程

作者 : admin 本文共558个字,预计阅读时间需要2分钟 发布时间: 2020-07-7 共170人阅读

首先说明一下,为什么会有这个让网站变灰色的热度,也就是2020年4月4日,国务院决定在这一天为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,举行全国性哀悼活动,作为互联网人也为了表达对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,所以都把网站变成了灰色,下面我们来看看这个效果是怎么做的吧:

本代码原理适合所有网站,原理都差不多,喜欢的可以自己研究研究!

1.其实实现这个很简单,复制下面css样式到你网站css样式里即可,不过大家还是记一下自己加的位置,后面好改回来,下面看代码:

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

2.上面的方法就可以了,再分享另外一种方法,可以把下面的js代码放在头部文件也可以实现同样的效果

<style>
    html { -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
        }
</style>
1. 本站所有源码、模板、插件等其他资源,都不包含技术服务请大家谅解!
2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
7. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考退款规则!

360模板吧 » 让你的网站全站变成黑白教程

发表评论