今天在前端觀察上看到了《 -webkit-filter是神馬? 》,感覺特別有意思,具體關于CSS Filter可以看 Filter Effects 1.0 ,以及 filter功能 ,Webkit率先支持了這幾個功能,效果非常贊+10086!
支持的效果有:
- blur(模糊)
- grayscale(灰度)
- drop-shadow(陰影)
- sepia(褐色濾鏡)
- brightness(亮度)
- contrast(對比)
- hue-rotate(色相)
- invert(反相)
- saturate(飽和度)
- opacity(透明度)
Chrome 18.0.976.0以上版本看這個demo:
http://www.css88.com/html5-demo/-webkit-filter/index.html 或 ()http://html5-demos.appspot.com/static/css/filters/index.html
聲明:
本文采用
BY-NC-SA
協議進行授權 |
WEB前端開發
轉載請注明轉自《
CSS Filter
》
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
