网站网页快速变黑白方法

背景

网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。

方法

通过分析,百度百科人物网页变黑白是这么做的:

webkit-filter: grayscale(1);

其中grayscale()的取值为0%-100%,也可以用0-1取代,0%代表彩色图像,100%代表完全的灰度。
通过对html body 元素css style设置滤镜,达到“一键变色”的效果。代码简洁高效。

css filter的浏览器兼容:Chrome31+,Safari7+,Opera20+,ios Safari6+,Android Browser4.4+, Blackberry 10+均支持了-webkit-filter的方式,IE不支持,firefox不支持。

posted @ 2022-06-11 17:51  hongweigg  阅读(326)  评论(0编辑  收藏  举报