[ CSS ] Animation 動畫屬性

animation
用於設置以下六個動畫屬性：

• animation-name 動畫名稱
• animation-duration 動畫時間
• animation-timing-function 動畫速度曲線
• animation-delay 動畫延遲
• animation-iteration-count 動畫計數
• animation-direction 動畫方向
• animation-fill-mode 動畫填充模式：指定值於動畫中或動畫後得到應用。
• animation-play-state 指定動畫是否正在運行或暫停。

其上屬性皆須以瀏覽器名稱前綴
.selector {
-webkit-animation: my_ani 2s infinite ease-in-out;
-moz-animation: my_ani 2s infinite ease-in-out;
-o-animation: my_ani 2s infinite ease-in-out;
-ms-animation: my_ani 2s infinite ease-in-out;
animation: my_ani 2s infinite ease-in-out;
-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-o-animation-delay: -0.5s;
-ms-animation-delay: -0.5s;
animation-delay: -0.5s;
}

/*
animation:[動畫名稱｜動畫時間｜動畫計數｜動畫速度曲線]；
animation:[animation-name | animation-duration | animation-iteration-count | animation-timing-function];
animation-delay 用來指定動畫開始前延遲秒數。
*/

參考資料：
http://www.w3schools.com/css/css3_animations.asp