首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

3DD成效属性说明

2012-09-24 
3DD效果属性说明-webkit-transition-property: transform, margin-webkit-transition-duration: 1s-webk

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是从什么状态开始到什么状态结束

热点排行