向死而生您现在的位置是:首页 > 风向标 > 向死而生

2020年4月4日 致敬英雄共悼逝者,网页全部设置为灰度模式(黑白页面)

<a href='mailto:'>微wx笑</a>的头像微wx笑 2020-04-04向死而生 9 0关键字: 新冠肺炎  疫情  哀悼  灰度模式  

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天(4月3日)发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志

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

XSO无知

见闻

上午10点,我还在超市购物,刚刚结账出来,哀悼活动开始了,路上行驶的车基本都停了,开始鸣笛。 人们开始默哀,有的双手合十;XSO无知

XSO无知

低头是对逝者的哀悼思念,而仰天是对未来的祈求。XSO无知


XSO无知

中午吃饭的时候,打开电视,遥控器坏了?电视坏了?调不了台,所有的频道都播放相同的内容。XSO无知

打开网页,都变成了灰色模式,很多人的微博也设置为灰色模式。XSO无知

image.pngXSO无知

如何整站都实现灰度模式(黑白页面)呢?

一个朋友问到这个问题。下面是一段对话:XSO无知

有的网站不知道咋弄的,所有页面都整成黑白的了,包括,图片。批量转换?还是代码自动转的?XSO无知

代码自动转的话,工作量也挺大的。一个是负荷,一个是存储XSO无知

扁平化设计的就比较容易了,多数都是颜色,换一个CSS文件就可以了。XSO无知

页面好办,图片那么多得转换XSO无知

如果浏览器有这方面的功能的话,只需要加个样式就可以了,那就简单了。XSO无知

思路是有了,具体是怎么实现的呢?看一下已经实现的网站的页面的源码吧,没有比这更简单的了。
XSO无知

原来通过滤镜可以实现,一个滤镜就搞定了。XSO无知

把以下CSS样式加到body元素上,就可以实现了:XSO无知

XSO无知

body {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
}

亲自试了一下,整站都变了。XSO无知

思考

有人感叹“外出恰逢10点钟,玩命的鸣笛,可惜再也不能唤醒吹哨人了。
XSO无知

新冠肺炎疫情是人类有史以来经历的最大规模的疫情,但是这可能只是一个警钟!XSO无知

像一个人一直比较健康,后来得了过敏性鼻炎,就是一个警钟,意味着再不好好注意身体,以后可能各种病不断了。XSO无知

新冠肺炎疫情以来,很多人可能看过听过一些阴谋论的说法,然而看看“H5N1 的风险”这篇文章:XSO无知

当我们首次能够在车库中创建软件程序时,它改变了世界。当我们开始能够在车库中进行生物工程时,可能会比计算机革命更快地引发变化。XSO无知

当某人制造出一种极易传播,死亡率超过50%,潜伏期为几周的病毒时,会发生什么?XSO无知

狼来了的故事教我们做人要诚实,然而吹哨人总有错的时候,我们要感恩提示风险的人!XSO无知

再看看尤瓦尔·赫拉利《冠状病毒之后的世界》”,人类将成为一个命运共同体,虽有国界,但在全球性危机的应对方面,如果不能放下国界,全球协作的话,那毁灭的不只是自己,更可能是整个人类。XSO无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/windvane/born-to-die/2020-04-04/369.html

很赞哦! () 有话说 ()

相关文章