全国哀悼日网站都成黑白色实现

今天早上醒来的时候发现很多我熟悉的互联网企业门户网站都自发的变成了黑白，那是因为2020年4月4日举行全国性哀悼活动。为抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞深切哀悼，用最庄严的方式表达对生命的敬重。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。4月4日10时起，全国人民默哀3分钟，汽车、火车、舰船鸣笛，防空警报鸣响。

其中一个很好奇地技术点就是全站内容变为黑白色！
然后我就去看了下csdn中其他博主的一些技术知识，其中有一些只能针对于某个浏览器有效，针对于一些其他的就失效了，然后自己又整理了下目前主流的，然后写了个基本上都适配的css。代码如下：

html {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);

使用方法：
找到你的网站CSS文件，把下面的代码放到网站的css文件头部中！

对于为抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞深切哀悼！

送别，缅怀，铭记！

全国哀悼日网站都成黑白色实现相关推荐

网站改成黑白色（兼容大部分浏览器）
有很多时候我们的网站要改成黑白色的.如果说我们必图片有点夸张,如果说用JS效率会与HTML标签的多少直接影响.最好的办法就是用CSS.但是这个功能大家都不常用.我前段时间有这么一个需求.找了好久才找到 ...
php如何让网页变黑白,网站改成黑白色（兼容大部分浏览器）
有很多时候我们的网站要改成黑白色的.如果说我们必图片有点夸张,如果说用JS效率会与HTML标签的多少直接影响.最好的办法就是用CSS.但是这个功能大家都不常用.我前段时间有这么一个需求.找了好久才找到 ...
默哀日、灾难日，纪念日，哀悼日等网站都变成黑白色
4月4日是全国的哀悼日,网站需要临时处理,变成黑白色.怎么才能快速的将网站变成黑白色呢? <body style="-webkit-filter: grayscale(100%);&q ...
如何实现网站首页变为黑白色？
某些时候,网站会根据要求将页面调成黑白色,一开始我还以为是将连夜把图片和文字都搞成黑白色,但是转念一想,像推送产品的京东.淘宝,以及展示up内容的B站.CSDN等,刷新之后可能展示的内容均不同,作为一 ...
如何将彩色图片改成黑白色?
我们都知道,现在不管是手机还是相机拍摄出来的照片都是彩色的,有时候一些摄影从业者,或者自媒体从业者,为了让图片展示不一样的效果,需要将图片变成黑白色的,这样看起来更震撼.如果你会使用PS,就可以利用它 ...
Premiere视频调色处理，将彩色画面转变成黑白色 myblogfree
后期编辑视频,想将彩色画面进行黑白化处理,使其呈现出老电影的视觉效果,这该如何实现呢?很简单,我们可以借助Premiere软件进行视频去色处理,将彩色画面转变成黑白色,方法如下. 光影使者如何利用P ...
PS如何最简单把彩色图片调成黑白色
在这个色彩充斥的年代,再怎么鲜丽的照片也无法牢牢抓住人们的眼球,反而,追求古典的黑白照片却有极强的表现力,深沉.庄重.经典.伤感.大气等系于一身,给予不同的人不同的感受.这,就是黑白的力量,怎么,你难 ...
网站设置为黑白色的方法
第一种:修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰.(如果是小白站长们,可以把这段代码和到百度统计放在一起,放之前一定要记得换行隔开) CSS代 ...
[导入]全国哀悼日网站变灰装(附代码)[转]
根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿.5月19日14时28分起,全国人民默哀3分钟,届时汽车.火车. ...
网站一键修改黑白色方法（附代码）
为表达对抗新冠状疫情战斗牺牲烈士和逝世同胞的深切哀悼, 国务院公告2020年4月4日将举行全国性哀悼活动, 网站要求黑白色, 下面给宇哥给大家分享: 如何放一次性代码,让全站变成黑白色效果如图把下 ...

全国哀悼日网站都成黑白色实现

全国哀悼日网站都成黑白色实现相关推荐

最新文章

热门文章