title: CSS Transition delay in but not out
body: <p>Using CSS I'm trying to get a transition delay to work as follows. I want a 1s delay in but I want 0s delay out.</p>
  
  <pre><code>transition: width 0.3s ease-in 1s;
  transition: width 0.3s ease-out 0s;
  </code></pre>
  
  <p>I have the following <a href="http://jsfiddle.net/58jbuxL5/1/" rel="noreferrer">jsFiddle</a></p>