如何停止CSS3的动画

html-css014

如何停止CSS3的动画,第1张

如果是css3的动画的话，是不能的。可以使用jquery框架的.animate方法去实现。也是缓变效果，~如果你认可我的回答，请及时点击【采纳为满意回答】按钮

~~手机提问的朋友在客户端右上角评价点【满意】即可。

~你的采纳是我前进的动力

~~O(∩_∩)O，记得好评和采纳，互相帮助，谢谢。

用到动画的元素:hover {

animation-play-state:paused

}

//反正animation-play-state属性已经不支持低级浏览器了。所以不需要考虑hover的兼容效果。

要是想长时间的停止。用JS插入这个属性就好了。

1、用到动画的元素.css('animation-play-state', paused)

将animation的animation-duration这个属性值设置为0就可以了。具体的你可以看一下这里http://www.w3school.com.cn/cssref/pr_animation.asp。当然最好的办法是一开始就设置运动的次数或者时间。