CSS3 實(shí)現(xiàn)iOS7毛玻璃模糊效果 (iOS7 live blur)
-webkit-filter
該屬性是我們這次實(shí)現(xiàn)該功能的主要屬性
目前該屬性還屬于草案階段,只有chrome 18+、Safari 瀏覽器支持,不過(guò)相信隨著時(shí)間的推移,很快會(huì)被大規(guī)模應(yīng)用的。
具體的filter用法我會(huì)另外寫(xiě)一篇文章和大家分享的,這里主要介紹它的 blur()、brightness()、contrast() 3個(gè)屬性。
blur()
用來(lái)設(shè)置相應(yīng)的dom的模糊程度,用法很簡(jiǎn)單
filter: blur(5px)
brightness()
用來(lái)設(shè)置相應(yīng)dom的明度,對(duì)應(yīng)的值越大越亮
filter: brightness(0.5)
contrast()
對(duì)比度值越大越強(qiáng)烈
filter: contrast(200%)
同類(lèi)文章排行
- 為什么要建立企業(yè)型營(yíng)銷(xiāo)型手機(jī)網(wǎng)站
- 如何解決企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣的八大瓶頸難題?
- Twitter破發(fā) 社交迭代迅速引盈利隱憂(yōu)
- CSS3 實(shí)現(xiàn)iOS7毛玻璃模糊效果 (iOS7 live blur)
- 國(guó)慶值班安排,祝所有客戶(hù)節(jié)日快樂(lè)!
- 河北凱創(chuàng)為你講解消失模鑄造鉚焊平臺(tái),鑄鐵平臺(tái)的優(yōu)缺點(diǎn)
- 鋼鐵有色兼并重組指導(dǎo)意見(jiàn)發(fā)布
- 鑄鐵平臺(tái)的調(diào)整方法





