首页 > 编程知识 正文

灰度颜色模式(image colorizer)

时间:2023-05-06 14:05:06 阅读:73611 作者:3918

文章目录序言的实现与演示

前言

许多网站(如每年的特殊日子,例如节日)都以灰度显示整个页面以表示哀悼。 下面简要介绍如何在网页上实现这一功能。

通过实现CSS的filter: grayscale();属性并在演示中使用,可以向元素添加灰度过滤效果。 grayscale (参数可以是0-1或0%-100%,默认值为1 ),也就是100%。

以下是为整个网页着色的演示:

只需使用html、body或(* )元素为所有元素添加灰度滤镜,即可获得网页退色效果。

过滤器: gray scale (; 就是对元素本身进行过滤。 此外,backdrop-filter: grayscale (; 方法在元素后面的屏幕上设置滤镜。

——结束了——

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。