Animate.css Not working

问题

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

       <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.

回答1:

you have to use animated class if you want to show animations try this

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

回答2:

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

enter image description here

You MUST use the animated class provided.

So, to add further, it should be:

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

来源：https://stackoverflow.com/questions/20920288/animate-css-not-working

标签

html

css

animation

css-animations

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!