1、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-transiti
2、on-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-ali
3、gn: -webkit-center/-moz-center,text-align: -webkit-center,ol counter-reset: thecounter; li:before counter-increment: thecounter 1;content: “item”counters(thecounter, “.“)“:“;,counter-increment,item1: item2: item2.1: item2.2:,q quotes: “” “” “”; q:before content: open-quote; q:after content: close-qu
4、ote; ,quotes,How to code html in prototype?How to code 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 http:/ (ctripUED) MSN: Gtalk: Email: ,Thank you,