title: CSS/JS/HTML: JS Function to rotate full page?
body: <p>Okay, so for my final in a web class, we are just supposed to make a website do whatever we went. I'm done now and decided to add some fun stuff.</p>
  
  <p>I want to use <a href="http://www.the-art-of-web.com/css/css-animation/" rel="nofollow"><code>-webkit-transform: rotate(-4deg)</code></a>; on the body.</p>
  
  <p>How can I do that in a javascript function? I have done it with the body background before, but I cannot get this to work.</p>
  
  <p>Here is what I tried:</p>
  
  <pre><code>function rotatepage() {
      document.body.style.-webkit-transform =  rotate(-90deg); 
  }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>function rotatepage() {
      document.body.style =  -webkit-transform:rotate(-90deg); 
  }
  </code></pre>
  
  <p>Any ideas? Is this possible?</p>