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

Ham*_*han 2 javascript animation transition css3

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

Nik*_*iko 5

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

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

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