CODEWITHSUNDEEP
htmlcssanimationcss-animations
Remya Prakash
Remya Prakash

Reputation: 97

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.

Upvotes: 7

Views: 27474

Answers (2)

Ali Gajani
Ali Gajani

Reputation: 15091

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>

Upvotes: 12

Sujay sreedhar
Sujay sreedhar

Reputation: 3518

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>

Upvotes: 26

Related Questions