簡體 English 中英

如何在沒有JavaScript的情況下停止CSS動畫

[英]how to stop CSS animation without javascript

原文 2011-10-03 20:50:11 1 2 javascript/ animation/ css3/ transition

這是jsFiddle 。 我想要的是在盒子到達終點時停止盒子。 我知道也有過渡功能可用，但似乎不起作用。 所有動畫功能類型也都可以過渡嗎？ 我在實際工作中使用了旋轉功能。

只需將animation-iteration-count為1即可。值infinite會使動畫無限重復。 並記住要在動畫之后以某種方式設置對象的樣式（ top: 200px; ）。

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

從animation:mymove infinite;移除無限animation:mymove infinite; 並將最終位置設置為top：200px。 演示

[英]how to stop animation Javascript?

[英]How to stop CSS Animation in Specific place on the Path. Without Timing

[英]How to stop a Javascript animation

[英]How to start and stop a CSS animation?

[英]How to stop CSS rotation animation

[英]How to stop/start css animation

[英]How to stop an interval animation in javaScript

[英]How to Stop infinite animation in javascript

[英]How can I change html with javascript without restarting a CSS animation?

[英]How to stop css animation in current position on hover?

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何停止動畫Javascript？如何在路徑上的特定位置停止 CSS Animation。沒有時間如何停止 Javascript 動畫如何啟動和停止 CSS animation？如何停止 CSS 旋轉 animation 如何停止/啟動 CSS 動畫如何在javaScript中停止間隔動畫如何在JavaScript中停止無限動畫如何在不重新啟動 CSS 動畫的情況下使用 javascript 更改 html？如何在懸停時停止當前位置的CSS動畫？

相關標簽