简单CSS代码实现网站变灰

[广告]京东京造 K2蓝牙双模机械键盘 背光84键有线/蓝牙无线双模


中华人民共和国第十二届全国人大常委会第七次会议全票通过的决定:将12月13日确定为南京大屠杀死难者国家公祭日。

今天是第六个南京大屠杀死难者国家公祭日。在这个草木含悲、山河垂泪的日子里,举国上下将以各种形式缅怀82年前惨遭侵华日军屠杀的遇难同胞,共同追忆那一段困难深重的历史,传递出中国人民珍爱和平、开创未来的坚定信念。

今天很多的网页都以色调变灰来祭奠同胞,如:

而实现该效果也特别简单,可以在页面根元素添加一行样式:

style=”filter: grayscale(100%);

filter CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。

而灰度(grayscale)设置成100%,即可使页面变灰。效果见:

参考资料

filter – CSS(层叠样式表) | MDN

 

码中人 微信公众号