CSS3 animation動畫
1庐椒、@keyframes 定義關(guān)鍵幀動畫
2、animation-name 動畫名稱
3扼睬、animation-duration 動畫時間
4、animation-timing-function 動畫曲線
* linear 勻速
* ease 開始和結(jié)束慢速
* ease-in 開始是慢速
* ease-out 結(jié)束時慢速
* ease-in-out 開始和結(jié)束時慢速
* steps 動畫步數(shù)
5措伐、animation-delay 動畫延遲
6、animation-iteration-count 動畫播放次數(shù) n|infinite
7军俊、animation-direction
* normal 默認(rèn)動畫結(jié)束不返回
* Alternate 動畫結(jié)束后返回
8、animation-play-state 動畫狀態(tài)
* paused 停止
* running 運(yùn)動
9粪躬、animation-fill-mode 動畫前后的狀態(tài)
* none 不改變默認(rèn)行為
* forwards 當(dāng)動畫完成后，保持最后一個屬性值（在最后一個關(guān)鍵幀中定義）
* backwards 在 animation-delay 所指定的一段時間內(nèi)镰官，在動畫顯示之前，應(yīng)用開始屬性值（在第一個關(guān)鍵幀中定義）
* both 向前和向后填充模式都被應(yīng)用
10泳唠、animation:name duration timing-function delay iteration-count direction;同時設(shè)置多個屬性
