title: How does Tumblr create such a smooth hover effect for its nav bar links? Possible without JavaScript?
body: <p>Hovering over the nav bar links (e.g., Text, Photo, Quote) on the Tumblr dashboard creates a smooth effect where the icon rises about 5-10 pixels then gradually falls back into place, as if there is animation.</p>
  
  <p>Tumblr dashboard: <a href="http://www.tumblr.com/dashboard" rel="nofollow">http://www.tumblr.com/dashboard</a></p>
  
  <p>Using plain CSS to achieve the same effect (i.e., position:relative; top:-8px) on our site creates a jarring effect when the icon snaps back into place immediately.</p>
  
  <p>Is there a way to achieve this effect without JavaScript?</p>
  
  <p>Thanks!</p>