title: Is there something with the same function as animationEnd for infinite CSS animations?
body: <p>So, I've got this small script that sends out an alert that says "done!" when an animation is finished.</p>
  
  <p>Is there a function that will do the same for infinite animations, ie. execute something every time a loop ends?</p>
  
  <p><a href="http://jsfiddle.net/RJ55N/" rel="noreferrer">http://jsfiddle.net/RJ55N/</a></p>
  
  <p>JavaScript:</p>
  
  <pre><code>$('#dot1').one('webkitAnimationEnd oanimationend msAnimationEnd animationend',   
     function(e) {
  
     alert('done!');
  
    });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#dot1{
     width:10px;
      height:10px;
      background:black;
      animation:one 1s 1; 
  }
  
  @keyframes one {
      from {width:10px; height:10px; }
       to {width:100px; height:100px; }
  }
  </code></pre>