Tuesday, March 20

Find out if animation is complete in webkit animation CSS3

I had to find out if animation is complete so as to perform some other event.
You can do this in jquery

    $("#animationdiv").bind("webkitAnimationEnd", function(){
        $("#afteranimation").show();
    });
      
animationdiv is the div which has some webkit animation being performed on.

afteranimation is the div id which needs to be displayed once the animation is complete.

This javascript will work only for webkit based browsers.


Be the first one to Comment!!!

Post a Comment