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%)