title: Delay mouseout/hover with CSS3 transitions
body: <p>I've got a box that changes size when being hovered. However, I would like to delay the mouseout stage, so that the box keep the new size for a few seconds, before getting the old size back. </p>
  
  <pre><code>div {
      width: 70px;
      -webkit-transition: .5s all;    
  }
  
  div:hover {
      width:130px;
  }
  </code></pre>
  
  <p>Is this possible to do WITHOUT Javascript and only CSS3? I only have to care about supporting <strong>webkit</strong>.</p>