animate。css 动画循环

animate.css 是一个开源的动画库，它可以让你通过添加 CSS 类的方式轻松地给你的 HTML 元素添加各种酷炫的动画效果。除此之外，animate.css 中还包含了很多有用的选项，可以帮助你更好地控制动画效果。

其中一个有用的选项就是循环（loop）。循环可以让你的动画效果一直重复播放，直到用户关闭页面或者停止播放动画。在 animate.css 中，循环可以通过添加特定的 CSS 类来实现。

要使用循环，在你的 HTML 元素中添加以下 CSS 类：

animate__animated animate__infinite

其中 animate__animated 是必需的类，它告诉 animate.css 该元素应该有动画效果。animate__infinite 则告诉 animate.css 该元素应该一直循环播放。除此之外，你还可以将 animate__infinite 替换为其他循环次数，比如 animate__repeat-3 表示循环播放 3 次。

下面是一个简单的例子，展示了如何使用 animate.css 的循环功能：

<div class="animate__animated animate__infinite animate__heartBeat">心跳效果</div>

在上面的例子中，我们使用了 animate__heartBeat 类来展示心跳效果。同时，我们将元素添加了 animate__infinite 类，以实现循环播放。

总之，animate.css 的循环功能可以为你的动画效果带来更多的生命力和趣味性。希望这篇文章能够帮助你更好地理解 animate.css 循环功能的使用方法。

查看更多关于animate。css 动画循环的详细内容...