3DD效果属性说明
-webkit-transition-property: transform, margin;-webkit-transition-duration: 1s;-webkit-transition-duration设置对象的属性改变后产生动画的播放时间.例如:1s-webkit-animation@-webkit-keyframes spin无穷动画播放.设置好时间, 播放形状进行动画播放例如:
#movieposters li {float:left;-webkit-animation: spin 10s infinite linear;}@-webkit-keyframes spin { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(360deg); }}该例子说明动画播放<li>标签.Spin为命名动画,对应@-webkit-keyframes spin10s为播放10秒Infinite为无穷Linear为线性播放From… to是从什么状态开始到什么状态结束