title: Full CSS 3D page - camera implementation
body: <p>I want my page to be completely a 3D space, I don't know much about 3d but my Idea is to have the body be my view-port and the world is a div where my transformed content resides. I need a function that takes an orientation and position vector(or camera object?) as parameter and internally with CSS transformations it gets the world div transformed so the screen faces the desired part of the page.
  Example page, simple room.</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="world"&gt;
          &lt;section id="left-wall"&gt;...&lt;/section&gt;
          &lt;section id="right-wall"&gt;...&lt;/section&gt;
          &lt;section id="front-wall"&gt;...&lt;/section&gt;
          &lt;section id="floor"&gt;...&lt;/section&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The script.</p>
  
  <pre><code>var cam = Camera(),
      world = document.getElementById("world");
  cam.setPosition([x,y,z]);
  cam.setOrientation([x,y,z]);
  transform(world,cam); // world gets transformed
  </code></pre>
  
  <p>How would <code>transform()</code> function be? I'm not sure if it's the correct approach or if I should do it differently.</p>