title: Webkit text aliasing gets weird during CSS3 animations
body: <p>This is a funky one. And I'm sure it's webkit related since it only seems to be an issue in Chrome Version 20.0.1132.57 and Safari 5.1.7. I've uploaded a short video to explain the issue because it would be nearly impossible to explain via text.</p>
  
  <p><strong>Video:</strong> 
  <a href="http://youtu.be/0XttO-Diz2g" rel="nofollow noreferrer">http://youtu.be/0XttO-Diz2g</a></p>
  
  <p><strong>Short version:</strong>
  During CSS3 animations, text that is inside a positioned element (absolute or relative) seems to change its antialiasing. It becomes bolder while animations are running.</p>
  
  <p><strong>Note:</strong>
  This is not the same as scaled elements becoming blurry diring an animation. (<a href="https://stackoverflow.com/questions/10417890/css3-animations-with-transform-causes-blurred-elements-on-webkit">this issue</a>)</p>
  
  <p>Any thoughts, workarounds, etc?</p>