有什麼方法可以在Firefox中停止/中斷CSS3過渡動畫？

我正在使用FF版本13.0，並且將過渡動畫設置爲發生在：hover上。只要我不再徘徊，我希望元素能夠恢復到原始狀態。但是，元素會繼續動畫直到到達最終目的地，然後返回到原始狀態。在Chrome/Safari（webkit）中，元素的行爲與預期相同。我創建了一個非常基本的jsfiddle作爲示例：http://jsfiddle.net/isbhod/YvMJz/有什麼方法可以在Firefox中停止/中斷CSS3過渡動畫？

謝謝！

來源

2012-06-12 isbhod

它似乎是「.storyHolder：hover」上的「位置：絕對」風格的東西，可防止css3轉換被中斷。當我移除該樣式時，當鼠標移出元素時，動畫停止。至於如何或爲什麼我不知道。我將不勝感激這方面的一些幫助。謝謝。 – isbhod

找出原因：未知原因，懸停的元素在懸停事件發生之前和之後需要具有相同的位置樣式，因爲它不會在FireFox中隱藏CSS3轉換。我已經刪除了JS小提琴，但不像任何人看到這一點。

來源

2012-06-14 20:54:46 isbhod

有什麼方法可以在Firefox中停止/中斷CSS3過渡動畫？

回答

相關問題