@keyframes 定義關(guān)鍵幀動(dòng)畫

animation-name動(dòng)畫名稱

animation-duration 動(dòng)畫時(shí)間

animation-timing-function 動(dòng)畫曲線

linear 均勻

ease-in 開始是慢速

ease-out結(jié)束時(shí)慢速

ease-in-out 開始和結(jié)束時(shí)慢速

steps 動(dòng)畫步數(shù)

animation-delay 動(dòng)畫延遲

animation-iteration-count 動(dòng)畫播放次數(shù) n|infinite

animation-direction：

normal 默認(rèn)動(dòng)畫結(jié)束不返回

Alternate 動(dòng)畫結(jié)束后返回

animation-play-state 動(dòng)畫狀態(tài)：

paused 停止

running 運(yùn)動(dòng)

animation-fill-mode 動(dòng)畫前后的狀態(tài)：

none 不改變默認(rèn)行為

forwards 當(dāng)動(dòng)畫完成后，保持最后一個(gè)屬性值（在最后一個(gè)關(guān)鍵幀中定義）

backwards 在 animation-delay 所指定的一段時(shí)間內(nèi)，在動(dòng)畫顯示之前，應(yīng)用開始屬性值（在第一個(gè)關(guān)鍵幀中定義）

both 向前和向后填充模式都被應(yīng)用

animation:name duration timing-function delay iteration-count direction;同時(shí)設(shè)置多個(gè)屬性

動(dòng)畫翻頁：