title: how to slowly transform scale with css?
body: <p>I currently have it like this:</p>
  
  <p><a href="http://jsfiddle.net/9DGb2/" rel="noreferrer">http://jsfiddle.net/9DGb2/</a></p>
  
  <p>But for some reason if I change the css to this:</p>
  
  <pre><code>div {
      width: 200px;
      height: 100px;
      background-color: yellow;
  }
  div:hover {
      -moz-transform: scale(1.05) slow;
      -webkit-transform: scale(1.05) slow;
      -o-transform: scale(1.05) slow;
      -ms-transform: scale(1.05) slow;
      -webkit-transform: scale(1.05) slow;
      transform: scale(1.05) slow;
  }
  </code></pre>
  
  <p>It wont work.</p>
  
  <p>So I am guessing it cant be done this way?</p>