今天在一次整理前一篇提到的 animation，

animation 可以用 css 屬性在網頁上製作動畫，

而且可以設定動畫的播放的速度、經過時間巴拉巴拉相關的一些屬性，

至於動畫的過程，就用 @keyframes 來做更詳細的設定，

以下從 w3c 網站學習內容後，將 animation 大致屬性整理出來：

• @keyframes -- 設定動畫的過程
• animation -- 可以用來設定所有動畫的簡寫屬性，除了 animation-play-state
• animation-name -- 設定動畫的名稱，再用 @keyframes 設定過程
• animation-duration -- 動畫撥放一次所需要的時間，沒設定的話就是 0
• animation-timing-function -- 設定動畫的速度曲線，類似Flash的漸增漸減，沒設定的話就是 "ease"
• animation-delay -- 從動畫被載入之後，延遲多久(秒)再開始播放動畫，沒設定的話就是 0
• animation-iteration-count -- 動畫的輪播次數，沒設定的話就是 1 次，要不斷輪播的話就要設定為 infinite
• animation-play-state -- 可以控制動畫暫停或是撥放，沒設定的話就是 "running"
• animation-fill-mode -- 設定動畫在播放前以及播放後，要套用哪個 CSS 的樣式

大概就如上述這些，就是animation的設定