文章目录序言的实现与演示
前言
许多网站(如每年的特殊日子,例如节日)都以灰度显示整个页面以表示哀悼。 下面简要介绍如何在网页上实现这一功能。
通过实现CSS的filter: grayscale();属性并在演示中使用,可以向元素添加灰度过滤效果。 grayscale (参数可以是0-1或0%-100%,默认值为1 ),也就是100%。
以下是为整个网页着色的演示:
只需使用html、body或(* )元素为所有元素添加灰度滤镜,即可获得网页退色效果。
过滤器: gray scale (; 就是对元素本身进行过滤。 此外,backdrop-filter: grayscale (; 方法在元素后面的屏幕上设置滤镜。
——结束了——