animation-duration：

• animation-duration屬性定義了一次動或循環應該有的時間。
• 接受逗號分隔名稱串列。
• 單位：s （秒）／ms（毫秒），不允許負值。
• 如果沒有宣告animation-duration，動畫會在0秒內執行完成。仍會觸發animationstart與animationend事件，只是完全看不出效果。
• animation-iteration-count：
• animation-iteration-count屬性定義循環撥放的次數。
• 預設值是1，次數可以是任何數值（含小數）或infinite關鍵字。
• 設定為0時，和animation-duration：０一樣，仍會觸發animationstart與animationend事件。

animation-direction：

• animation-direction屬性可以控制所有的循環是否都朝相同方向，或是每次循環都會改變方向。
• animation-direction：normal，預設值
• animation-direction：revers，
• 將每個循環設定為相反的keyframe方向
• animation-direction：alternate，
• 偶數循環為正向；基數循環為反向
• animation-direction：alternate-reverse，
• 偶數循環為反向；基數循環為正向

animation-delay：

• animation-delay定義瀏覽器必須等待多久時間才會開始第一個動畫循環。
• 單位：s （秒）／ms（毫秒），預設值是0s。
• 允許負值，會讓動畫立刻從中途開始。（中途位置受animation-timing-function的影響）

本節待續...