title: Border-radius: 50% not producing perfect circles in Chrome
body: <p>Usually <code>border-radius: 50%</code> works fine for most applications, and Chrome produces what looks like a circle. But in this instance, I am trying to continually rotate a circle quickly, and this is where this problems shows itself.</p>
  
  <p>Check out this codepen to see what I'm talking about. Notice how the outer edge wobbles?</p>
  
  <p><a href="http://codepen.io/jonshungry/pen/edmpf">http://codepen.io/jonshungry/pen/edmpf</a></p>
  
  <p>Is this a bug with Chrome's border-radius? Or is this something with the transform? </p>
  
  <p>Can anyone suggest a work around?</p>