title: Why does using a webkit-transition with text result in the text snapping at the end?
body: <p>Please see the following: <a href="http://jsfiddle.net/2Vdef/1/" rel="nofollow">http://jsfiddle.net/2Vdef/1/</a></p>
  
  <p>When you move your mouse over the div, the text animates in but right at the end has a very unattractive snap into opacity:1. Why so abrupt? How can this be made smooth? Thanks</p>