在Firefox中有没有办法停止/中断CSS3转换动画?

在Firefox中有没有办法停止/中断CSS3转换动画?,firefox,css,transitions,Firefox,Css,Transitions,我使用的是FF版本13.0,并且有一个过渡动画设置为在:hover上发生。我希望元素在我不再悬停时立即返回到其原始状态。但实际情况是,该元素将继续设置动画,直到到达其最终目的地,然后返回其原始状态。在Chrome/Safari(webkit)中,元素的行为符合预期。我创建了一个非常基本的JSFIDLE作为示例: 谢谢大家! 找到了答案:由于未知的原因,悬停的元素需要在悬停事件前后具有相同的位置样式,以避免在FireFox中禁用CSS3转换。我已经删除了JS提琴,但并不像任何人看到的那样。它似乎是

我使用的是FF版本13.0,并且有一个过渡动画设置为在:hover上发生。我希望元素在我不再悬停时立即返回到其原始状态。但实际情况是,该元素将继续设置动画,直到到达其最终目的地,然后返回其原始状态。在Chrome/Safari(webkit)中,元素的行为符合预期。我创建了一个非常基本的JSFIDLE作为示例:


谢谢大家!

找到了答案:由于未知的原因,悬停的元素需要在悬停事件前后具有相同的位置样式,以避免在FireFox中禁用CSS3转换。我已经删除了JS提琴,但并不像任何人看到的那样。

它似乎是带有“.storyHolder:hover”的“position:absolute”样式的东西,可以防止css3转换被中断。当我移除该样式时,当鼠标移离元素时,动画停止。至于如何或为什么我不知道。我将非常感谢您在这方面的帮助。非常感谢。