全国哀悼日，CSS如何把整个网页黑白显示

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

黑白显示代码：

<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>

使用这样的一段css代码即可把整个网页黑白显示，2020.04.04日，全国哀悼新冠病毒英雄和逝者，全网哀悼，游戏全部停服，CSDN、百度等网站全部黑白显示。

你也可以在你自己的网站黑白显示，以表哀悼！

黑白之后的页面如下：

快去试试吧！

平时你也可以利用这个黑白显示代码，鼠标经过变彩色，鼠标移开变黑白！这样形成鲜明的对比度。

原文来自：全国哀悼日，CSS如何把整个网页黑白显示

全国哀悼日，CSS如何把整个网页黑白显示相关推荐

网页变灰配合全国哀悼日的css代码
为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. 直接在*.css文件最前面加入代码如下: body{ filter:Gray; } 或者 html { filter:prog ...
[css] 当全国哀悼日时，怎么让整个网站变成灰色呢？
[css] 当全国哀悼日时,怎么让整个网站变成灰色呢? body{-webkit-filter: grayscale(1);filter: grayscale(1); }/* OR */body{-w ...
[导入]全国哀悼日网站变灰装(附代码)[转]
根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿.5月19日14时28分起,全国人民默哀3分钟,届时汽车.火车. ...
HTML5期末大作业：餐饮饮食美食主题网站设计——重庆火锅(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
网页黑白代码将整个网站变为黑白色怎么弄
网页黑白代码将整个网站变为黑白色怎么弄呢,主要有三种方法,将整个网页设为黑白色代码.将整个网页在一个时间设为黑白色代码和将整个网站在一个时间段设为黑白色代码. 1.将整个网页设为黑白色代码如下: &l ...
期末作业成品代码——威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
HTML5期末大作业:影视网站设计--威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题材有 ...
HTML5期末大作业：旅游景点介绍网站设计——平遥古城（6页）HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
网页去色变黑白+网页黑白恢复为彩色
前言特定节日,你会发现网页和app首页都会变成灰色,以此来表达我们的哀思之情. 好奇宝宝想知道各个网站都是使用哪些小技巧来做出这种效果的(由彩变灰,由灰变彩),于是稍微学习了一下- 由灰变彩稍微想 ...
HTML5期末大作业：网站——美丽家乡(南京介绍7个页面) 家乡文化介绍学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品
HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到 ...
CSS滤镜—使整个网页变成灰色
为追思疫情中逝世的同袍们,将4.4日定为了全国哀悼日,这一天,全世界都是"灰"的.当然我们感觉最深应该就是这一天你打开任何网站.软件,都是灰灰的一片.收到几个人的提问:" ...

全国哀悼日，CSS如何把整个网页黑白显示

全国哀悼日，CSS如何把整个网页黑白显示相关推荐

最新文章

热门文章