一招实现全站黑白,愿逝者安息——2020年4月4日

今天是2020年4月4日,全国将举行哀悼活动,为表达敬意与尊重,应将网站设置为灰度。
愿逝者安息,愿生者奋发,愿祖国昌盛!

全国哀悼

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

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

效果例子

image.png

image.png

实现方式

下面三种方式任选一种都可以,只需要放入html的head标签中即可实现。
方式一:

<style type="text/css">
html{
     filter:progid:DXImageTransForm.Microsoft.BasicImage(grayscale=1);-webkit-filter:saturate(0)
}
</style>

方式二:


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

方式三:


<style> 
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; 
 } 
</style>

予人玫瑰,手有余香

还没有人赞赏,快来当第一个赞赏的人吧!

节日资源

清明节借势海报,13G资源已备好

2020-03-31 11:46:14

编程教程

搞定微信小程序开发,从入门到精通系统教学资源

2020-03-31 14:23:23

0条回复 | 若显示条数与实际不符,表明部分留言非开放
世界以痛吻我,要我报之以歌