title: Different CSS transition-delays for hover and mouseout?
body: <p>Is it possible to use CSS3 transitions with a different delay switching between "states"? For example, I'm trying to make an element immediately higher upon hover then on 'mouseout' to wait a second before sliding back to the element's initial height.</p>
  
  <p><strong>Demo page:</strong> <a href="http://jsfiddle.net/Marcel/RTj9K/">jsfiddle.net/RTj9K</a> (hover black box in top-right corner)</p>
  
  <p><strong>CSS:</strong> <code>#bar { transition:.4s ease-out 0, 1s; }</code></p>
  
  <p>I thought the timings on the end related to delay but it doesn't seem to be working the way I'd imagined.</p>