点击右上方红色按钮,关注“网络秀”,让你真正露脸。
前言
Filter是css3的一个属性,大家应该很少用。很多人只是知道它有这个属性。Webkit率先支持这些功能,但现在大多数浏览器也兼容。让我们一起学习。
CSS3 filter滤镜详细介绍及示例CSS3滤波器的详细介绍和例子。
参数语法现在支持规范中的以下效果:
语法
-WebKit-filter:blur(10px);-moz-filter:blur(10px);-o-滤镜:模糊(10px);-ms-filter:模糊(10px);滤镜:模糊(10px);示例无效果滤镜:无;
模糊滤镜:模糊(10px);
灰度滤镜:灰度(0.5);
亮度滤镜:亮度(0.5);
对比度滤镜:对比度(2.6);
饱和度滤镜:饱和度(7.9);
色相旋转滤镜:色相旋转(260 deg);
反色滤镜:invert(0.9);
阴影滤镜:投射阴影(10px 10px # 000);
最后,我们来看看几种组合的效果。
感觉美吗?美女换了衣服,皮肤变红润了,头发和唇彩也变了。前端也可以用代码p出漂亮的图片,是不是很神奇?
上面的效果代码:
滤镜:饱和(1.9)对比度(. 6)色调-旋转(320度);公告喜欢边肖点击关注了解更多!
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。