如何在最后一帧停止CSS3动画?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (29)

我有一个4部分的CSS3动画播放点击, 但动画的最后部分是为了把它从屏幕上移除。

但是,一旦运行结束,它总是会回到原来的状态。有人知道我可以如何阻止它的最后一个css框架(100%),或者如何摆脱它曾经运行过的整个div。

@keyframes colorchange {
  0%   { transform: scale(1.0) rotate(0deg); }
  50%  { transform: rotate(340deg) translate(-300px,0px) }
  100% { transform: scale(0.5) rotate(5deg) translate(1140px,-137px); }
}
提问于
用户回答回答于

你的问题不是要将webkitAnimationName设置为空吗,这样就可以将对象的CSS重置回默认状态。如果你只是删除正在重置状态的setTimeout函数,它不会停留在它最终的位置吗?

用户回答回答于

扫码关注云+社区