清明节全国哀悼,那么网站全部变灰是怎么实现的?

作为一名后端java开发人员,初次看到这次2020年清明节网站全部变灰的第一印象是他们应该是改了贴图或者说改了一些配置,怎么思考都应该是在backgroud这些参数上做修改,但是当我今天打开百度地图的时候我就差异了.为什么一个地图可以也变成灰色?以及哔哩哔哩这种视频站是怎么做到视频封面都变了?

抱歉,可能发这个文有点暴露自己知识水平不够,但是还是记录一下,毕竟这个css3的属性以前从来没有接触过,很神奇,

属性叫做filter,滤镜.

filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。

默认值:none
继承:no
动画支持:是。详细可查阅 CSS 动画
版本:CSS3
JavaScript 语法:object.style.WebkitFilter="grayscale(100%)"

这次在网站上使用的是这个属性

grayscale(%)

将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;

可以查看现在的网站,应该都是在body层直接加了这个属性.仅做分享

再次缅怀为了盛世负重前行的医护工作者,政府工作者,消防工作者,警察等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值