title: Animate text transform uppercase
body: <p>I'd like to have a transition to text-transform:uppercase when I mouse-over a link.  I've tried:</p>
  
  <pre><code>a{
      font-size:20px;
  animation-duration: 0.4s;
      transition: all 0.4s ease-in-out;
  }
  
  a:hover{
  text-transform:uppercase;   
  }
  </code></pre>
  
  <p>But that had no effect, it just pops to uppercase.  Any ideas?</p>