What are some cool JQuery/CSS3 effects like Google's "Barrel Roll"
For those of you who do not know how the "Barrel roll" is done, here's the code:

    <style>
    .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);
    }  
    </style>
    <script>
    function barrel_roll() {
    	$('body').addClass('barrel_roll');
      setTimeout("$('body').removeClass('barrel_roll')", 4000);
    }
    </script>

My question is, what are some other cool effects that can be done using Javascript and/or CSS?
What are some cool JQuery/CSS3 effects like Google's "Barrel Roll"
===

For those of you who do not know how the "Barrel roll" is done, here's the code:

    <style>
    .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);
    }  
    </style>
    <script>
    function barrel_roll() {
    	$('body').addClass('barrel_roll');
      setTimeout("$('body').removeClass('barrel_roll')", 4000);
    }
    </script>

My question is, what are some other cool effects that can be done using Javascript and/or CSS?