animation動畫
/*動畫名稱、時間、曲線、延遲、播放次數(shù)、結(jié)束后是否返回、動畫前后的狀態(tài)
infinite 不限制次數(shù)
alternate動畫結(jié)束后返回,返回也算次數(shù)
animation-fill-mode 動畫前后的狀態(tài)
? ?? forwards動畫完成保持在最后一幀
backwards在延遲時間內(nèi),在動畫顯示之前,應(yīng)用from開始屬性值(例如box寬100,from寬200,在延遲1s內(nèi)顯示200)both向前和向后填充模式都被應(yīng)用(例如起始按200,結(jié)束停在最后一幀)
動畫暫停:animation-play-state: paused
運行動畫:animation-play-state: running
人物走路:
@keyframes moving{
0%{transform: translate(0px,0px);/*位移*/}
50%{transform: translate(200px,0px);}
100%{transform: translate(0px,0px);}
}
@keyframes walking{from{left: 0px;}to{left: -1920px;}}
????