哀悼日很多网站都变成了灰色,这是怎么做到的?
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院发布公告,决定2020年4月4日举行全国性哀悼活动。全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。
而在哀悼日当天,许多网站将自己的整个首页变成了灰色,表达深切哀悼.可能有许多小伙伴好奇这是怎样做到的.
其实很简单,前端工程师们只需要一行代码就可以解决,
只需给htm增加一行代码就可以了
// html{// -webkit-filter: grayscale(100%);
// filter: grayscale(100%);
// }
效果图如下
把该样式去掉效果如下
哀悼日很多网站都变成了灰色,这是怎么做到的?相关推荐
- 今天全网的网站都变成了灰色了,这其中是如何实现的呢?
今天随手打开手机或者是打开网站,会发现百度.淘宝.CSDN.今日头条等等都变成了灰色. 网站都变成了这样的灰色的,无论是按钮.图片.或者亦或者是flash动画,都成了灰色的.这个时候,我们会特别好奇, ...
- 默哀日、灾难日,纪念日,哀悼日等网站都变成黑白色
4月4日是全国的哀悼日,网站需要临时处理,变成黑白色.怎么才能快速的将网站变成黑白色呢? <body style="-webkit-filter: grayscale(100%);&q ...
- 网站改造HTTPS有哪些好处?看很多网站都做了!
网站改造HTTPS有哪些好处? 1.保护数据隐私 当网站使用HTTP协议时,用户通过浏览器访问该网站所有的行为都是明文的,第三方想要窥视或篡改网站的内容轻而易举.若用户访问的网站已部署HTTPS证书, ...
- 很多网站都是用得滑块验证码!Python搞定99%的网站!
普通滑动验证码验证 只需要我们将滑块拖动指定位置,处理起来比较简单.拖动之前需要先将滚动条滚动到指定元素位置,但是需要注意目标网站对selenium的反爬,如window.navigator.webd ...
- 哀悼日整个网站变成灰色的方法
在全国哀悼日,网站需要设置成黑白的,其实一点都不麻烦,只需在 .css 文件中body里面加下面两行行代码就可以: body { filter:progid:DXImageTransform.Micr ...
- 今天网站都变成灰色了,这其中是怎么实现的?
" 阅读本文大概需要 7 分钟. " 今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民 ...
- 网站都变成灰色了,它是怎么实现的
估计大家发现了,今天,各大网站.APP都变灰了,原因想必大家都知道了. 粉丝群里有人在问,这是如何做到的? 我本来想写一篇文章来聊聊,没想到之前已经有一位大佬写过了,而且写的还不错,就不费工夫了,分享 ...
- 很多网站、APP 前段时间一下都变灰了。 先来感受一下变灰后的效果。
很多网站.APP 前段时间一下都变灰了. 先来感受一下变灰后的效果. 这种灰色的效果怎么实现的呢?如何做到图片.文字.按钮都变灰的效果呢? 方案 1,换一套灰色的 UI,那显然成本太大了,用脚指头想一 ...
- css - 一行代码让网站全部页面变成灰色(清明节等日期,很多网站变灰了,是如何实现的?)超级简单
介绍 现在很多大厂产品,遇到清明节.南京大屠杀纪念日等节日,网站或软件就会变为灰色. 我们看到很多网站在哀悼时,都变成了灰色,像站酷,百度,B站等等. 实现方法 加进去就好了,非常简单. html { ...
- 网站都变成灰色了,它是怎么实现的?
大家好,我是二哥呀. 想必大家都感受到了,很多网站.APP 在昨天都变灰了. 先来感受一下变灰后的效果. 这种灰色的效果怎么实现的呢?如何做到图片.文字.按钮都变灰的效果呢? 方案 1,换一套灰色的 ...
最新文章
- 寒冬之下,做好这六点
- mysql字段默认值不生效的问题解决(上)
- 如何安装JHipster
- ubuntu下最简单的MySQL安装教程
- C# 对get和set的理解
- 线程id 获取线程名称_016 线程及初步网络编程
- GOF设计模式之1:单例设计模式
- 美甲帮:数加平台打造大数据架构
- CSS——CSS创建样式表
- java多线程创建一个简单的案例
- Linux expect脚本使用详细说明及示例
- Spark 训练机器学习模型莫名报错(java.lang.stackoverflow)
- c语言例题 3/100
- 2020年TI杯大学生电子设计竞赛题A-无线运动传感节点
- 【网络安全】XCodeGhost事件刨根问底
- 【技术】jquery暂无图片替换
- 安装VS2003 2005错误
- matlab设计用户界面,MATLAB程序设计教程(11)—MATLAB图形用户界面设计
- 《如何有效阅读一本书》:读再多书,不如先学会如何读书
- poi填充word模板