如何把网页变成黑白
Posted jx-z
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何把网页变成黑白相关的知识，希望对你有一定的参考价值。
这个功能可能平时并不需要, 但是今天2020年4月4日,为了哀悼抗疫中牺牲的英雄们,很多网站都变成了黑白的,今天就来看看技术上怎么实现
用css3中的filter属性,可以实现一些像ps中的简单滤镜效果:
灰度: grayscale
模糊: blur
对比度: contrast
色相旋转: hue-rotate
阴影: drop-shadow
实现纯黑白效果,只需给html设置样式 filter: grayscale(100%);
利用hue-rotate可以实现颜色的渐变动画
drop-shadow可以实现不规则图形的阴影, 区别于box-shadow
注意点: filter属性有兼容性问题, ie是不支持的
以上是关于如何把网页变成黑白的主要内容，如果未能解决你的问题，请参考以下文章