title: How to rotate a div, while jQuery animates the same div
body: <p>I have the code...</p>
  
  <pre><code>    $(document).ready(function(){
  
      $("#box").animate({ 
         top: "250px",
         left: "500px",
         width: '300px',
         height: '250px',
       }, 2000 );
  
  });
  </code></pre>
  
  <p>...to move and change the size of my div. </p>
  
  <p>I was looking around on the internet and found a function that allows a div to rotate using jQuery. Unfortunately jQuery uses CSS to do this which means it doesn't allow the div to rotate while it is changing size and position. </p>
  
  <p>What I'm hoping for is that the div is rotating, increasing in size, and changing position, all at the same time. I'm not sure if this is possible but if it is could you explain to me how it's done. </p>
  
  <p>The only thing I can think of is that I do all 3 animations using CSS instead of jQuery. How is this possible, or what's the easiest way to do what i'm trying to do. Thanks a lot  !!</p>
  
  <p>Here is my CSS code:</p>
  
  <pre><code>    #box{
  
          -moz-border-radius:15px;
          border-radius:15px;
          width:1px;
          height:1px;
          background:#D8D8D8;
          border:2px solid black;
          position: relative;
          margin-left:100px;
          margin-top:150px;
  
  
      }
  </code></pre>