title: How to animate an element on hover
body: <p>How can I make my <code>&lt;div&gt;</code> elements grow (and the content changes text size to a higher one), when hovered over? I put them in a class and tried:</p>
  
  <pre><code>size: 150%;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>height: +30px;
  width: +30px;
  </code></pre>
  
  <p>the first try didn't work at all, and the second code just made the div's flash and dissappear partially.</p>