css3 animate基本屬性

標籤：nbsp   key   一個   anim   state   border   定義   time   預設值   

                                                                      Css3animate屬性

屬性	描述	Css
Animation	所有動畫屬性的簡寫屬性，除了animation-play-state屬性 Animation:name duration timing-function delay iteration-count direction;	3
Animation-name	規定@keyframes動畫的名稱。 animation-name:keyframename|none	3
Animation-duration	規定完成一個周期所花費的秒或毫秒。預設是0； Animation-duration:time;	3
Animaion-timing--function	規定動畫的速度曲線。預設是ease。	3
Animation-delay	規定動畫何時開始。預設是0 Animation-delay:time	3
Animation-iteration-count	規定動畫被播放的次數。預設是1. Animation-iteration-count:n|infinite	3
Animation-direction	規定動畫是否在下一周期逆向的播放。預設是normal。 Normal是預設值。動畫應該正常播放 Alternate動畫應該輪流反向播放	3
Animation-play-state	規定動畫是否正在運行或暫停，預設值是”running”。 Animation-play-state:paused|running； Paused:規定動畫已暫停 Running:規定動畫現正播放	3

 

 

                                            [email protected]規則

文法:

         @keyframe animationname{keyframes-selector{css-styles;}}

值	描述
Animationname	必需，定義動畫的名稱
Keyframes-selector	必需。動畫時間長度的百分比。 合法值：0-100% From(與0%相同) To(100%相同)
Css-styles	必需。一個或多個合法的css樣式屬性

 

 

                                                                               定格動畫

值	描述
Animationend	當animation執行完成後js調用的事件
Animationend	Moz核心
webkitanimationEnd	Webkit核心
oaimationEnd	Opera核心
MSAnimationEnd	Ie核心

 

 

 

值	描述
Transitionend	當transition執行完成之後js調用的事件
Transitionenf	Moz核心
webkittransitionEnd	Webkit核心
otransitionEnd	Opera核心
MSTransitionEnd	IE核心

 

以上是animate的基本屬性

css3 animate基本屬性