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

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

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

属性叫做filter,滤镜.

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

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

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

grayscale(%)

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

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

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

猜你喜欢

转载自blog.csdn.net/Zachariahs/article/details/105316831