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

This is the jsFiddle。我想要的是当盒子到达最终位置时停止。我知道有一个可用的过渡功能，但似乎并不奏效。所有的动画功能类型是否也可用于转换？我在我的实际工作中使用了旋转功能。如何在没有javascript的情况下停止CSS动画

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

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

2011-10-03 21:01:19 Niko

你能帮助这个http://mytimesheet.us/demo/speedometer.html。这是一个旋转的。它可以以同样的方式完成吗？ –

当然！所有你需要做的就是将'transform：rotate（180deg）;'应用到针上 - 否则动画可以正常工作，但是在完成之后原始状态会被恢复。 – Niko

this这个'@ -webkit-keyframes rotate { \t -webkit-transform：rotate（180deg）; '哪个没用。我仍在努力。 –

从animation:mymove infinite;删除无限和设置最终地方作为顶：200像素。 Demo

2011-10-03 21:06:04

回答