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

为纪念抗击新冠肺炎疫情的烈士与逝者,全国哀悼日当天,众多互联网企业将网站转为黑白色调。本文介绍了一种适用于主流浏览器的CSS代码,实现网页黑白效果,以此表达对生命的尊重。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天早上醒来的时候发现很多我熟悉的互联网企业门户网站都自发的变成了黑白,那是因为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文件头部中!

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

送别,缅怀,铭记!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值