title: CSS3: How to rotate and scale an img at the same time?
body: <p>I'm very confused. Why can't I use scale and rotate at the same time? I've tried this, but it does not work:</p>
  
  <pre><code>.rotate-img{
      -webkit-transform:scale(2,2);
      -webkit-transform:rotate(90deg);
      margin-left:20%;
      margin-top:10%;
  }
  </code></pre>
  
  <p>I tried jQuery, but does not work neither:</p>
  
  <pre><code>&lt;style&gt;
  .zoom{
          -webkit-transform:scale(2,2);
          margin-left:20%;
          margin-top:10%;
      }
  &lt;/style&gt;
  &lt;script&gt;
  
      $(document).ready(function(){
          $("img").dblclick(function(){
  
              $(this).addClass("zoom");
  
              $(this).contextmenu(function(){
                  $(this).css("-webkit-transform","rotate(90deg)");
                  return false;
              })
          });
      })
  
      &lt;/script&gt;
  </code></pre>
  
  <p>How could I scale an img and when I clic the right click then rotate 90 deg.</p>