animate。css 再次执行

animate.css 是一个用于网页动画效果的库，可以为网页添加各种酷炫的动画效果。但是，在一些情况下，我们可能需要再次执行已经执行过的动画效果，比如当用户重复点击某个元素时，或者需要在某些条件下重新触发动画效果时。

那么，如何实现动画效果的再次执行呢？

首先，我们需要熟悉 animate.css 的特性，它是一组 CSS 动画效果，利用 addClass 和 removeClass 的方式触发动画效果的执行。所以，当我们想再次执行某个动画效果时，只需要将该元素的对应 CSS 类名添加和移除即可。

// 添加动画效果的 CSS 类名
$('#myElement').addClass('animated bounce');
// 移除动画效果的 CSS 类名
$('#myElement').removeClass('animated bounce');

这里，我们以 bounce 为例，添加和移除 bounce 类名可以触发 bounce 动画效果的再次执行。而如果你使用的是其它动画效果，只需要将对应的 CSS 类名进行添加和移除操作即可。

除此之外，还有一种更简洁的方式可以实现动画效果的再次执行，那就是通过 reanimate 动画类名进行触发，可以直接重置动画效果的状态，然后再次执行。

// 添加动画效果的 CSS 类名
$('#myElement').addClass('animate__animated animate__bounce');
// 重置动画状态并再次执行动画
$('#myElement').addClass('animate__animated animate__bounce animate__reanimate');

这里使用了 animate.css 中的 reanimate 类名，可以重置动画状态，然后再次执行动画效果。

总之，animate.css 提供了多种实现动画效果再次执行的方式，可以根据实际需求选择适合自己的方式进行实现。

查看更多关于animate。css 再次执行的详细内容...