频道栏目
首页 > 资讯 > HTML/CSS > 正文

CSS3--filter

17-02-25        来源:[db:作者]  
收藏   我要投稿

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 的作用真的是太强大了,可以对图片施加更美的效果,虽然现在浏览器,尤其是微软系的,对它的支持性还不是很好,但你完全可以在你的网站上使用了。

相关TAG标签
上一篇:看懂ELFHash
下一篇:js空数组是true还是false
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站