title: CSS transition between left -> right and top -> bottom positions
body: <p>Is it possible to use CSS transitions to animate something between a position set as <code>left: 0px</code> to <code>right: 0px</code> so it goes all the way across the screen? I need to accomplish the same thing with top to bottom. Am I stuck calculating the screen width / object-size?</p>
  
  <pre class="lang-css prettyprint-override"><code>#nav {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 50px;
      height: 50px;
      -webkit-transition: all 0.5s ease-out;
  }
  
  .moveto {
      top: 0px;
      right: 0px;
  }
  </code></pre>
  
  <p>and then I use jQuery's <code>.addClass</code></p>