為什么最后一幀動(dòng)畫(huà)結(jié)束后,回到起點(diǎn)竟然是有動(dòng)畫(huà)似的移動(dòng)過(guò)去的,而不是瞬間移動(dòng)?
看其它的動(dòng)畫(huà)例子,動(dòng)畫(huà)結(jié)束后,圖形都是瞬間回到了初始的位置,這個(gè)例子怎么不一樣呢?
@keyframes move {
? 0%{
? ? transform: translate(0);
? }
? 15%{
? ? transform: translate(100px,180px);
? }
? 30%{
? ? transform: translate(150px,0);
? }
? 45%{
? ? transform: translate(250px,180px);
? }
? 60%{
? ? transform:translate(300px,0);
? }
? 75%{
? ? transform: translate(450px,180px);
? }
? 100%{
? ? transfrom: translate(480px,0);
? }
}
2017-10-10
因?yàn)?00%的那個(gè)命令(transform寫(xiě)成transfrom)寫(xiě)錯(cuò)了,所以100%?里面實(shí)際上是沒(méi)有值的,也就是?transform: translate(0),跟0%是一樣的
2017-03-23
你把結(jié)束的點(diǎn)換到開(kāi)始的點(diǎn)或者設(shè)置動(dòng)畫(huà)變換