Animation.css classes not working

Question

I am using animation.css and jquery to create a slideInleft animation so that content comes in and stays and then slideOutleft and then I want content to come in from right I mean slideInright and stay for few secs and then slideOutRIght. This effect should happen continuously. I am trying this but something is wrong . To start off with the left animation I have written code like this

var txt = Data;
    function AnimateOneByOne()
    {   
        if( xCnt < txt.length && txt[xCnt].value){
        $("#value").empty().append(txt[xCnt].value.toFixed(2)+" "+txt[xCnt].units).addClass('slideInLeft',

          function(){ AnimateOneByOne() });
        $("#text").empty().append(txt[xCnt].name).addClass('slideInLeft',

          function(){ AnimateOneByOne() });
        }
        xCnt += 1; 
    }

    AnimateOneByOne();

Jhonny · Accepted Answer · 2016-06-16 07:53:39Z

1

Make sure you have on the element you want to animate both the animation general class: "animated" the class of specific animation, like: "slideInLeft". So in the end it will look like this:

'<div class="animated slideInLeft">I am animated</div>

You can do this easily with "addClass", if you already using jQuery.

 $(this).addClass('animated ' + animationName);

answered Jun 16, 2016 at 7:53

Jhonny

4874 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Animation.css classes not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related