CSS 3 中提供的新的滤镜方法兼容性支持只有 ff,chrome,safari,opera 有较好的支持,但这些浏览器的早期版本还需要加上前缀 -webkit;而微软的 IE 和 Edge 并不支持该特性。
语法
- filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
一个 demo
右图为原图,作图为使用滤镜后的效果。
代码片段
总结:CSS 3 filter 的作用真的是太强大了,可以对图片施加更美的效果,虽然现在浏览器,尤其是微软系的,对它的支持性还不是很好,但你完全可以在你的网站上使用了。
参考:
就爱阅读 www.92to.com 网友整理上传, 为您提供最全的知识大全, 期待您的分享,转载请注明出处。
来源: http://www.92to.com/bangong/2017/02-25/17594239.html