为什么最后一帧动画结束后,回到起点竟然是有动画似的移动过去的,而不是瞬间移动?
看其它的动画例子,动画结束后,图形都是瞬间回到了初始的位置,这个例子怎么不一样呢?
@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);
}
}