今天做了一個七巧板的小頁面，發現對于css動畫一些內容又有了新的認識，所以以下準備復習一遍

首先一共有以下屬性

• @keyframes
• 如果您在 @keyframes 規則中指定了 CSS 樣式，動畫將在特定時間逐漸從當前樣式更改為新樣式。
• animation-name
• 動畫名稱
• animation-duration
• animation-duration 屬性定義需要多長時間才能完成動畫。如果未指定 animation-duration 屬性，則動畫不會發生，因為默認值是 0s（0秒）。
• animation-delay
• 屬性規定動畫開始的延遲時間。
• animation-iteration-count
• 屬性指定動畫應運行的次數。
• animation-direction
• 屬性指定是向前播放、向后播放還是交替播放動畫。
• animation-timing-function
• 屬性規定動畫的速度曲線。
• animation-fill-mode
• CSS 動畫不會在第一個關鍵幀播放之前或在最后一個關鍵幀播放之后影響元素。animation-fill-mode 屬性能夠覆蓋這種行為。
• animation
• 綜合以上六個屬性