title: webkit translateX animation is rolling back to initial position
body: <p>I am trying to do a images gallery for mobile webkit,</p>
  
  <p>The only way it is actually fast enough is using the hardware accelerated  translateX . </p>
  
  <p>My problem is that the div take back its initial position at the end of the animation. I add the slideGalLeft class cliking on the left button. to the animated div</p>
  
  <p>You can see an example here, in the callback events section:
  <a href="http://position-absolute.com/jqtouch/demos/main/#home" rel="noreferrer">http://position-absolute.com/jqtouch/demos/main/#home</a></p>
  
  <pre><code>    .slideGalLeft {
      -webkit-animation-name: slideColis;
  }
  
  
  @-webkit-keyframes slideColis {
      from { -webkit-transform: translateX(0%); }
      to { -webkit-transform: translateX(-100%); }
  }
  </code></pre>