Html Animate.css 不工作

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/20920288/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 00:19:27  来源:igfitidea点击:

Animate.css Not working

htmlcssanimationcss-animations

提问by Remya Prakash

I am using animate.cssbut it don't seem to work in firefox. The code I am using is:

我正在使用animate.css但它似乎在 Firefox 中不起作用。我正在使用的代码是:

       <html>
        <head>
        <link rel="stylesheet" href="animate.css"/>
        </head>
        <body>
        <div class="rotateIn"> content</div>
        </body>
        </html>

I want this div to show rotate in effect when we load the page but it don't seem to work.

我希望这个 div 在我们加载页面时显示旋转生效,但它似乎不起作用。

回答by Sujay sreedhar

you have to use animatedclass if you want to show animations try this

animated如果你想显示动画,你必须使用类试试这个

    <html>
    <head>
    <link rel="stylesheet" href="animate.css"/>
    </head>
    <body>
    <div class="animated rotateIn"> content</div>
    </body>
    </html>

回答by Ali Gajani

Long story short: http://jsfiddle.net/3ZLLm/

长话短说:http: //jsfiddle.net/3ZLLm/

enter image description here

在此处输入图片说明

You MUSTuse the animatedclass provided.

必须使用animated提供的类。

So, to add further, it should be:

所以,进一步补充,它应该是:

<div class="animated rotateIn"> content</div>