如何制作 animate.css 动画循环

【问题标题】：How to make animate.css animation loop如何制作 animate.css 动画循环
【发布时间】：2021-01-26 14:17:46
【问题描述】：

我想做的是Loading header tag 应该动画，直到进度条达到 100%。谁能帮我做这件事？

【问题讨论】：

【解决方案1】：

Animate.css 具有无限类，即：

<h1 class="animated infinite bounce">Example</h1>

【讨论】：

在不添加 CSS 的情况下像魅力一样工作。这个类就是为它设计的。
不适合我。我试过添加animate__animated animate__bounce animate__infinite，它也不起作用，文档说你需要“animate__”作为前缀？我也连接了 CDN

【解决方案2】：

使用my modified animate.css 并将forever 类添加到您正在制作动画的任何内容中

【讨论】：

【解决方案3】：

@v4.1.1 <h1 className="animate__animated animate__heartBeat animate__infinite">❤</h1> 工作正常。演示@my-stackblitz。完整代码是here

【讨论】：