title: CSS3 transition leaves a trail
body: <p>It happens sometimes with particular text, transitioning with CSS3. I do not know the reason why it happens and thus I cannot recreate the same in jsfiddle.</p>
  
  <p>But you can look at 4th slide (the one with 5 rings) here,</p>
  
  <p><a href="http://jashwant.github.io/kickass-slider/" rel="noreferrer">http://jashwant.github.io/kickass-slider/</a></p>
  
  <p><em>Cool</em> text leaves a trail while animating and trail gets removed after sometime. But other text works okay without leaving any trail. I am not able to find out the problem. </p>
  
  <p>How can I avoid this trail ?</p>
  
  <p>(I am using latest linux chrome 26.0.1410.63)</p>
  
  <p><em>p.s. I am using jquery-transit to animate.</em></p>
  
  <p>See the <code>Cool</code> in picture.</p>
  
  <p><img src="https://i.stack.imgur.com/Yh7h4.jpg" alt="enter image description here"></p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p><a href="http://davidwalsh.name/translate3d" rel="noreferrer">Here's more detailed answer</a></p>