animation復合屬性。檢索或設置對象所應用的動畫特效。
如果有多個屬性值時以"，"隔開，適用於所有元素，包含偽對象:after和:before
1.animation-name 檢索或設置對象所應用的動畫名稱
必須與規則@keyframes配合使用，eg:@keyframes animations animation-name:animations;
2.animation-duration 檢索或設置對象動畫的持續時間
animation-duration:3s; 動畫完成使用的時間為3s
3.animation-timing-function 檢索或設置對象動畫的過渡類型
linear：線性過渡。等同於貝塞爾曲線(0.0, 0.0, 1.0, 1.0)
ease：平滑過渡。等同於貝塞爾曲線(0.25, 0.1, 0.25, 1.0)
ease-in：由慢到快。等同於貝塞爾曲線(0.42, 0, 1.0, 1.0)
ease-out：由快到慢。等同於貝塞爾曲線(0, 0, 0.58, 1.0)
ease-in-out：由慢到快再到慢。等同於貝塞爾曲線(0.42, 0, 0.58, 1.0)
step-start：等同於 steps(1, start)
step-end：等同於 steps(1, end)
steps(<integer>[, [ start | end ] ]?)：接受兩個參數的步進函數。第一個參數必須為正整數，指定函數的步數。第二個參數取值可以是start或end，指定每一步的值發生變化的時間點。第二個參數是可選的，默認值為end。
cubic-bezier(<number>, <number>, <number>, <number>)：特定的貝塞爾曲線類型，4個數值需在[0, 1]區間內
4.animation-delay 檢索或設置對象動畫延遲的時間
animation-delay:0.5s; 動畫開始前延遲的時間為0.5s
5.animation-iteration-count 檢索或設置對象動畫的循環次數
animation-iteration-count: infinite | number;
infinite：無限循環
number: 循環的次數
6.animation-direction 檢索或設置對象動畫在循環中是否反向運動
normal：正常方向
reverse：反方向運行
alternate：動畫先正常運行再反方向運行，並持續交替運行
alternate-reverse：動畫先反運行再正方向運行，並持續交替運行
7.animation-play-state 檢索或設置對象動畫的狀態
animation-play-state:running | paused;
running:運動
paused: 暫停
animation-play-state:paused; 當鼠標經過時動畫停止，鼠標移開動畫繼續執行
8.animation-fill-mode 檢索或設置對象動畫時間之外的狀態
none:默認值，不設置對象動畫之外的狀態
forwards:設置對象狀態為動畫結束時的狀態
backwards:設置對象狀態為動畫開始時的狀態
both:設置對象狀態為動畫開始或結束時的狀態