CSS3 实现iOS7毛玻璃模糊效果 (iOS7 live blur)
-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%)