技术资料

当前位置:首页>>新闻中心>>技术资料

CSS3 实现iOS7毛玻璃模糊效果 (iOS7 live blur)

时间:2015-08-21 点击:356

-webkit-filter



该属性是我们这次实现该功能的主要属性


目前该属性还属于草案阶段,只有chrome 18+、Safari 浏览器支持,不过相信随着时间的推移,很快会被大规模应用的。


具体的filter用法我会另外写一篇文章和大家分享的,这里主要介绍它的 blur()、brightness()、contrast() 3个属性。



blur()



用来设置相应的dom的模糊程度,用法很简单

filter: blur(5px)

brightness()

用来设置相应dom的明度,对应的值越大越亮

filter: brightness(0.5)

contrast()

对比度值越大越强烈

filter: contrast(200%)


联系我们
联系我们
[向上]