CSS的未来那些被我们忽略的属性点头猪.pptVIP

CSS的未来 -- 那些被我们忽略的属性 border-radius box-shadow transform …… Harmless Properties -webkit-mask Image mask -webkit-mask: url(images/mask.png); Gradient mask -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); -webkit-mask Demo：与 transform 结合 img { -webkit-transition-property: left,opacity; -webkit-transition-duration: 1s; opacity: 1; } .demo1:active { opacity: 0; -webkit-mask-box-image:url(images/mask2.png) 100 stretch; } .demo2:hover { -webkit-mask: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0))); } -webkit-mask margin: 0 auto; text-align: -webkit-center/-moz-center text-align: -webkit-center ol { counter-reset: thecounter; } li:before { counter-increment: thecounter 1; content: “item”counters(thecounter, “.)“:; } ol li/li li ol li/li /ol /li /ol counter-increment item1: item2: item2.1: item2.2: q { quotes: “?” “?” “” “”; } q:before { content: open-quote; } q:after { content: close-quote; } quotes div qHow to code qhtml/q in prototype?/q /div ?How to code html in prototype?? quotes -webkit-tap-hightlight-color -webkit-tab-hightlight-color: rgba(255,0,0,0.5); -webkit-user-select -webkit-user-select: none; for iOS Speak Less, Think More 增强网站的细节体验 Enhance your websites with these properties 扩展阅读： Safari Developer Library /library/safari/navigation/#section=Librariestopic=WebKit @点头猪 (@ctripUED) MSN: xll2651@ Gtalk: xll2651@ Email: llxue@ Thank you well documented, well tested, frequently used * * * * * * * * * * * well documented, well tested, frequently used * * * * * * * * * * *