网页变灰CSS代码

聚光网络博客

发表文章数:25

首页 » WordPress » 网页变灰CSS代码

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院发布公告,决定2020年4月4日举行全国性哀悼活动。

在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。网页变灰CSS代码

网页变灰代码3种:

  1. 第一种:
    html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter:none;
    }
    

     

  2. 第二种:
    <style type="text/css">
    *{
    filter: blur(15px);
    -webkit-filter: grayscale(100%);  
               filter:grayscale(100%);
    }
    </style>
    

     

  3. 第三种:
    <style type="text/css">html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} </style>
    

     

标签:

未经允许不得转载:作者:聚光网络博客, 转载或复制请以 超链接形式 并注明出处 聚光网络博客
原文地址:《网页变灰CSS代码》 发布于2020-04-03

分享到:
赞(1) 生成海报

评论 抢沙发

3 + 4 =


长按图片转发给朋友

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册