为了账号安全,请及时绑定邮箱和手机立即绑定

为什么最后一帧动画结束后,回到起点竟然是有动画似的移动过去的,而不是瞬间移动?

看其它的动画例子,动画结束后,图形都是瞬间回到了初始的位置,这个例子怎么不一样呢?

@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);

  }

}


正在回答

2 回答

因为100%的那个命令(transform写成transfrom)写错了,所以100% 里面实际上是没有值的,也就是 transform: translate(0),跟0%是一样的

1 回复 有任何疑惑可以回复我~

你把结束的点换到开始的点或者设置动画变换

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么最后一帧动画结束后,回到起点竟然是有动画似的移动过去的,而不是瞬间移动?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信