title: CSS: Transition effect on text input border
body: <p>How to create transition effect like:</p>
  
  <p><a href="http://jsfiddle.net/mfn5nefb/6/" rel="nofollow">http://jsfiddle.net/mfn5nefb/6/</a></p>
  
  <p>but for text <code>input</code>?</p>
  
  <p>I tried replace <code>h1</code> with <code>input</code> but it does not work.</p>