CSS3动画重置

Question

10

我有一个有关CSS3的问题。是否有选项可以在动画完成后重置它（例如使用jQuery）？

示例：在按钮点击后，重置动画。

- Amay

你是如何创建动画的？使用CSS3的transition还是jQuery的.animate()函数？ - Zefiryn

2

CSS3动画: http://www.w3schools.com/css3/css3_animations.asp - Amay

2个回答

-1

这个问题很老了，但是我在工作中找到了一种使用jQuery重新启动CSS3动画的好方法，现在我想分享一下。这就是诀窍：

$('#anim-div').replaceWith($('#anim-div'));

这将重新启动'#anim-div'上的动画，它能正常工作。

- Pouya

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Amay · Accepted Answer

我找到了更好的解决方案：

$('something').removeClass('anim').animate({'nothing':null}, 1, function () {
$(this).addClass('anim');
});

它正在工作。当然，它需要一个带有动画的CSS类“.anim”。