title: How to animate all except one feature with CSS
body: <p>I have a simple question.</p>
  
  <p>I would like to give an "all" animation to a text area, however I do not want it to animate the text shadow on focus.</p>
  
  <p>How can I make exceptions when I'm using the following:</p>
  
  <pre><code>input[type=text]:focus {
      background: #fff;
      text-shadow: none;
      transition:all 0.5s;
      -webkit-transition:all 0.5s;
      -moz-transition:all 0.5s;
  }
  </code></pre>