cssfilter cssopacity属性

点击右上方红色按钮,关注“网络秀”,让你真正露脸。

前言

Filter是css3的一个属性,大家应该很少用。很多人只是知道它有这个属性。Webkit率先支持这些功能,但现在大多数浏览器也兼容。让我们一起学习。

cssfilter cssopacity属性

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度);公告喜欢边肖点击关注了解更多!

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

发表回复

登录后才能评论