title: Display div in right side using translate3d
body: <p>I want to display a div in right side exactly what the following CSS does but using translate3d</p>
  
  <pre><code>div {
     position: absolute;
     right: 0;
     top: 0;
  }
  </code></pre>
  
  <p>I have tried the following but its working only in Chrome.</p>
  
  <pre><code>div {
      -webkit-transform: translate3d(100vw,0,0);
      -moz-transform: translate3d(100vw,0,0);
      -o-transform: translate3d(100vw,0,0);
      transform: translate3d(100vw,0,0);
  }
  </code></pre>
  
  <p><strong>UPDATE</strong>
  Please check the fiddle. <a href="http://jsfiddle.net/7LLbu/" rel="nofollow">http://jsfiddle.net/7LLbu/</a>
  I need the same toggle function using translate3d. </p>
  
  <p>Kindly help me fix this.</p>