title: Completely rotate and randomize all DOM elements
body: <p>I have an "interesting" client, a painter, who wants to throw users for a loop on his website.</p>
  
  <p>They're looking to add a fake username and password form on their site which will so something really funky to confuse the user. There is no point to this form, he just wants to do it for fun.</p>
  
  <p>It shouldn't make the page go completely blank, or else it looks unintentionally broken. He's hoping to make it look <em>intentionally</em> broken.</p>
  
  <p>I was hoping to make the DOM elements melt/fall down to the bottom of the page, swirl in a hurricane like fashion, or just something that is comical and out of place.</p>
  
  <p>I'm not sure if a library exists that can already do any of that, so I started by randomly rotating and realigning all the elements on the website (everything in the DOM) to a randomized absolute position and randomly rotated.</p>
  
  <pre><code>jQuery( function($)
  {
      jQuery( 'input[type="submit"]' ).on( 'click', function(e)
      {
          e.preventDefault();
  
          jQuery( "*" ).each(function()
          {
              rotateX = Math.floor((Math.random() * 360) + 1);
              rotateY = Math.floor((Math.random() * 360) + 1);
              rotateZ = Math.floor((Math.random() * 360) + 1);
              positionX = Math.floor((Math.random() * (window.innerWidth/2) + 1);
              positionY = Math.floor((Math.random() * (window.innerHeight/2) + 1);
  
              if (
                  $(this).context.tagName != 'HTML' &amp;&amp;
                  $(this).context.tagName != 'BODY' &amp;&amp;
                  $(this).context.tagName != 'HEAD'
              )
              $(this).css({
                  transform: "rotate3d("+rotateX+","+rotateY+","+rotateZ+")",
                  position: "absolute",
                  top: positionY,
                  right: positionX
              });
          });
      });
  });
  </code></pre>
  
  <p>It works okay, not so well in <a href="http://jsbin.com/lenuqaqi/1/edit" rel="nofollow">JSBin</a>, but it confusing to the user as to what it is doing and isn't comical.</p>
  
  <p>Does anyone have any suggestions on how to slow the animation down, a funnier script I can use or a library that already has these sort of DOM randomizing effects?</p>