title: CSS Animations alter Frame Rate
body: <p>Looking at CSS animation to replace animated GIFs in loading wheels.</p>
  
  <p>There is a basic example here <a href="http://jsfiddle.net/kFmY8/448/" rel="noreferrer">http://jsfiddle.net/kFmY8/448/</a></p>
  
  <pre><code>#me {
      -webkit-animation: rotation 2s infinite linear;
  }
  
  @-webkit-keyframes rotation {
      from {-webkit-transform: rotate(0deg);}
      to   {-webkit-transform: rotate(360deg);}
  }
  </code></pre>
  
  <p>I want to alter the frame rate so that there are only 12 frames per cycle. This would take out the fluidity of the animation more closely matching the animated GIF it replaces.</p>
  
  <p>Can this be done?</p>