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

<u></u>keyframes用來定義CSS動畫
將一套CSS樣式逐漸變為另一套
可以百分比規定改變發生的時間，
或者通過關鍵字“from”和“to”，等價于0%和100%

animation: name duration timing-function delay iteration-count direction;

animation是一個簡寫屬性，用于設置6個動畫屬性。
name：keyframes名字，
duration：動畫持續時間，
timing-function：速度曲線，
delay：動畫開始前的延遲，
iteration-count：播放的次數，
direction：是否輪流反向播放。

注：
animation-iteration-count:infinite;可以用于設置循環動畫。