码迷,mamicode.com
首页 > Web开发 > 详细

CSS3 Filter滤镜效果

时间:2016-08-22 19:51:09      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:

关注到它是在一次分享会当中,很神奇,只需写一行代码就可以变身很美的视觉效果,这就是CSS3滤镜。

语法

filter:fuction(param);

现在浏览器支持情况比起以前乐观很多,点击查看兼容

方法

1.blur模糊

2.brightness亮度

3.contrast对比度

4.grayscale灰度

5.hue-rotate色相旋转

6.invert反色

7.opacity透明度

8.saturate饱和度

9.sepia褐色

10.drop-shadow阴影

效果(非截图)

技术分享 技术分享 技术分享 技术分享 技术分享 技术分享 技术分享 技术分享 技术分享 技术分享 技术分享

调整数值看效果,go~

CSS3 Filter滤镜效果

标签:

原文地址:http://www.cnblogs.com/chenlily/p/5796633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!