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

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

animate.css 链接:https://daneden.github.io/animate.css/

当前输出:http://jsfiddle.net/GZSH6/45/

【问题讨论】:

    标签: javascript jquery html twitter-bootstrap-3 css-animations


    【解决方案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 类添加到您正在制作动画的任何内容中

    小提琴:http://jsfiddle.net/howderek/GZSH6/49/

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-06-23
        • 2020-10-16
        • 1970-01-01
        • 1970-01-01
        • 2015-12-07
        • 2011-12-24
        • 1970-01-01
        • 2013-10-17
        相关资源
        最近更新 更多