title: Making CSS animations permanent
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/3273478/webkit-css-animation-issue-persisting-the-end-state-of-the-animation">Webkit CSS Animation issue - persisting the end state of the animation?</a>  </p>
  </blockquote>
  
  
  
  <p>My CSS animations work really nicely. At least until they complete when everything rudely snaps back to its original position. How can I make the animated elements maintain their post animation location?</p>
  
  <p>Edit Code:</p>
  
  <pre><code>.some_class 
  {
    -webkit-animation-name: this_animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-play-state: active; 
  }
  
  @-webkit-keyframes this_animation
  {
    from {top:0px;}
    to {top:50px;}
  }
  </code></pre>
  
  <p>EDIT: Finally found the answer here:
  <a href="https://stackoverflow.com/questions/3273478/webkit-css-animation-issue-persisting-the-end-state-of-the-animation">Webkit CSS Animation issue - persisting the end state of the animation?</a></p>