Grow your CSS skills. Land your dream job.

how to stop an animation using css3

  • # December 7, 2012 at 12:43 am

    hi guys, I made a animation using keyframes with css3 and it works just fine but I want to know if it´s possible to stop the animation I made using css3…

    # December 7, 2012 at 1:03 am

    Just set animation-iteration-count to 1. A value of infinite causes the animation to be repeated infinitely. And remember to style the object the way it should be AFTER the animation (top: 200px;) with this step you can make your [Web design](http://www.maksa.in “web design company india”) more look and feel.

    # December 7, 2012 at 1:26 am

    hi mak123, I follow your tip but doesn´t work, here is the animation [Your text to link here…](http://jsfiddle.net/vanilson/g8Dcm/1/ “http://jsfiddle.net/vanilson/g8Dcm/1/”)

    # December 7, 2012 at 3:12 am

    animation-play-state: paused;

    # December 7, 2012 at 3:28 am

    HugoGiraudel, I don´t know why but the animation-play-state: paused doesn´t work. But I resolve the problem using the tip that mark123 give me, I was doing at the wrong way…

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".