如何在沒有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

回答