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?