title: CSS3 transition for border
body: <p>I am trying  to add a transition for the red border when you Hover off on the list item but the transition work only when you hover on.</p>
  
  <p>Is it possible to add a transition for the red border so that it slide out when you hover off?
  here is the code <a href="http://jsbin.com/ewilix/3/edit" rel="nofollow">http://jsbin.com/ewilix/3/edit</a></p>