Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 941
Remya Prakash Avatar asked Jan 04 '14 11:01

Remya Prakash


People also ask

Why is animate CSS not working?

CSS animations work on most modern mobile and desktop browsers. However, your animations may not work if you're using an older browser or a version of your browser that hasn't been updated in several years, simply due to lack of browser support.

What triggers animation CSS?

CSS animations enable web elements to transition from one CSS style configuration to another. The browser can start defined animations on load, but event triggered CSS animations rely on adding and removing classes. AMP supports both animation types.

Which CSS properties Cannot be animated?

CSS properties that define animation parameters such as animation-direction and animation-name are not animatable because animating them would create complex recursive behavior.

Do CSS animations work on all browsers?

Note: All browsers support the animation property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers supports the -webkit-animation media feature.


1 Answers

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>
like image 65
Sujay sreedhar Avatar answered Sep 28 '22 05:09

Sujay sreedhar