铸铁平台,铸铁平板,焊接平台,检验平台,大理石平台,机床铸件

关于我们|收藏量具|网站地图|

铸铁平台,铸铁平板,焊接平台,检验平台,大理石平台,机床铸件 河北凯创机床量具制造有限公司铸铁平台,铸铁平板,焊接平台,检验平台,大理石平台,机床铸件!

业务咨询: 在线咨询13930751762
当前位置: >> 首页>>新闻中心>>技术资料

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

发表时间:2015-08-21【

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