如何在没有javascript的情况下停止CSS动画

时间:2011-10-03 20:50:12

标签: javascript animation css3 transition

This is the jsFiddle。我想要的是当它达到最终位置时停止盒子。我知道还有一个转换功能,但似乎不起作用。所有动画功能类型是否也可用于过渡?我在实际工作中使用了旋转功能。

2 个答案:

答案 0 :(得分:5)

只需将animation-iteration-count设置为1.值infinite会使动画无限重复。并记住按照动画后的方式设置对象的样式(top: 200px;)。

我已经更新了小提琴:http://jsfiddle.net/nTG42/2/

更多信息由MDN提供:https://developer.mozilla.org/en/css/css_animations

答案 1 :(得分:0)

animation:mymove infinite;移除无限并将最终位置设置为顶部:200px。 Demo