title: Blurry text and objects on translate3d
body: <p>I'm working on an onhover text translate animation.</p>
  
  <p>I've seen most responses to this question on StackOverflow/Google, and have tried to apply all the fixes, but none of them seem to work. </p>
  
  <p>In firefox, it's just the <code>-moz-transform: translate3d(0,-200px,0);</code>that blurs, but in Chrome the entire time it's blurred.</p>
  
  <p>Here's the <a href="http://jsfiddle.net/S5nmS/7/" rel="nofollow">fiddle</a> I'm working on.</p>