1. 自定義動(dòng)畫
????????用于復(fù)雜的動(dòng)畫制作憎瘸，比如： 行人走路，說話陈瘦，眨眼睛幌甘，打斗。痊项。含潘。。
????????2. 如何使用自定義動(dòng)畫
????????2-1. 定義關(guān)鍵幀
????????@keyframes 關(guān)鍵幀的名稱
????????{
????????????//開始狀態(tài) from等價(jià)于0%
????????????from {}
????????????//中間狀態(tài) 1~99%
????????????线婚。遏弱。。塞弊。漱逸。。
????????????//結(jié)束狀態(tài) to等價(jià)于100%
????????????to {}
????????}
????????2-2. 執(zhí)行動(dòng)畫
????????animation: 關(guān)鍵幀的名稱 [...]+
????????animation-name： 動(dòng)畫名稱
????????animation-duration： 動(dòng)畫持續(xù)時(shí)間
????????animation-timing-function： 緩動(dòng)函數(shù)
????????animation-delay： 動(dòng)畫延遲執(zhí)行的時(shí)間
????????animation-iteration-count： 循環(huán)次數(shù)
????????????默認(rèn)值：1游沿，infinite： 無限循環(huán)
????????animation-direction： 是否反向運(yùn)動(dòng)
????????????normal： 默認(rèn)饰抒，正常方向
????????????reverse： 反方向運(yùn)行
????????????alternate： 動(dòng)畫先正常運(yùn)行再反方向運(yùn)行，并持續(xù)交替運(yùn)行
????????????alternate-reverse： 動(dòng)畫先反運(yùn)行再正方向運(yùn)行诀黍，并持續(xù)交替運(yùn)行
????????animation-fill-mode： 動(dòng)畫時(shí)間之外的狀態(tài)
????????????none： 默認(rèn)值袋坑。不設(shè)置對象動(dòng)畫之外的狀態(tài)
????????????forwards： 設(shè)置對象狀態(tài)為動(dòng)畫結(jié)束時(shí)的狀態(tài)
????????????backwards： 設(shè)置對象狀態(tài)為動(dòng)畫開始時(shí)的狀態(tài)
????????????both： 設(shè)置對象狀態(tài)為動(dòng)畫結(jié)束或開始的狀態(tài)
????????animation-play-state： 設(shè)置對象動(dòng)畫的狀態(tài)
????????????running： 運(yùn)動(dòng)
????????????paused： 暫停
