2024年-元宵倒计时

9 天 9 时 9 分 9 秒


【技术分享】一段css代码让全站变灰,网站哀悼代码

目录

    推荐

    为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世通报的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使馆下半旗致哀,全国停止公共娱乐活动,4月4日10点开始,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

    想到以往默哀日访问网站时发现整站会变成全灰,即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力,那会不会有css可以直接处理所有的元素将他们变灰,随即想到了css3的filter(滤镜),并也证实了这一想法的可行性。

    将下面代码直接放人<head></head>之间即可

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

     




    版权声明

    1. 本网站名称: 安鹿轩

    2. 本站永久网址: www.anlu1314.com

    3. 本站提供的所有内容仅供学习、交流和分享用途,只供参考。

    4. 本站资源禁止并谢绝未经本站许可的使用,如欲转载,请署名以及注明出处。

    5. 本站(原创)文章、资源、图片等所有内容,一经转载,即表示您已经接受上述声明!需自行承担一切风险与责任!

    6. 关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点,与本站观点及立场无关!

    7. 有任何侵权问题请联系E-mail [email protected]

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    今日签到
    搜索