title: What are some cool JQuery/CSS3 effects like Google's "Barrel Roll"
body: <p>For those of you who do not know how the "Barrel roll" is done, here's the code:</p>
  
  <pre><code>&lt;style&gt;
  .barrel_roll {
      -webkit-transition: -webkit-transform 4s ease;
      -webkit-transform: rotate(360deg);
      -moz-transition: -moz-transform 4s ease;
      -moz-transform: rotate(360deg);
      -o-transition: -o-transform 4s ease;
      -o-transform: rotate(360deg);
      transition: transform 4s ease;
      transform: rotate(360deg);
  }  
  &lt;/style&gt;
  &lt;script&gt;
  function barrel_roll() {
      $('body').addClass('barrel_roll');
    setTimeout("$('body').removeClass('barrel_roll')", 4000);
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>My question is, what are some other cool effects that can be done using Javascript and/or CSS?</p>