一条css代码实现网站变灰色,追思纪念用

作者:PB模板网 时间:2022-12-01 10:06:43 浏览:1572 点赞:137
1572

变灰含义

网页变灰一般是为了追思缅怀不在的人,或为了沉痛纪念曾经发生过悲惨的事件。

实现方式

快速实现网页变灰色,只要将以下代码加到公共区域,例如头部或底部模板文件里。

<style> 
    html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter: grayscale(100%);
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
        filter:gray; /*ie9- */
    } 
</style>

image.png

补充:如果是单独首页显示灰色,就将代码加到首页模板文件里即可

文章链接:https://www.pbhtml.com/536.html
文章标题:一条css代码实现网站变灰色,追思纪念用
文章版权:PB模板网 (www.pbhtml.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2024-03-26 10:00:46,某些文章具有时效性,若有错误或已失效,请在下方留言或联系客服:pbhtml@qq.com

相关阅读

用户评论(测试中无法使用)

通知公告
PbootCMS安全提示
pbootcms网站上线后需要做防护
权限设置|主机防护|数据库路径...
我要查看