title: CSS Transition - two directions?
body: <p>Here is a crude example to help show what I would like: <a href="http://jsfiddle.net/GVaNv/" rel="noreferrer">http://jsfiddle.net/GVaNv/</a></p>
  
  <p>I was wondering if there is anyway to make the overlay <code>transition</code> in from the left, but to then leave from the right side.</p>
  
  <p>So, on hover, the overlay comes in as it is in the example, but instead of retreating back to the left, to <code>transition</code>s to the right.</p>
  
  <p>Is this possible? (doesn't necessarily need to use <code>transition</code>, I'm open to any way to do it).</p>