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