title: Transform in jQuery
body: <p>I'm trying to get an element to animate a rotation hover effect using jquery, I have this <a href="http://jsfiddle.net/9CYET/1/" rel="nofollow">jsFiddle</a> going to test. So Far I have this:</p>
  
  <pre><code>$(".icon").hover(function() {
          $(this).stop().animate({transform: "rotate(-90deg)", height: "200px"},400);
      },function() {
          $(this).stop().animate({backgroundColor : "black", color: "red"},400);
      });
  </code></pre>
  
  <p>But it doesn't seem to be rotating it at all, I realize the proper way to set the css is:</p>
  
  <p>-webkit-transform: rotate(30deg);</p>
  
  <p>I've tried this:</p>
  
  <pre><code>$(this).stop().animate({-webkit-transform: "rotate(-90deg)", height: "200px"},400);
  </code></pre>
  
  <p>but then even the Height doesn't change. any advice would help thanks!</p>
  
  <p><a href="http://jsfiddle.net/9CYET/1/" rel="nofollow">Link to the JSFiddle</a></p>