wobble.js

wobble.js is a simple jquery method that adds a wobble/teeter effect to any div or photo on mouse-over with css3 transforms.

Easy to use, cross browser compatible: Chrome, Firefox, Safari, Opera, IE9 and iOS

To wobble your div simply add the .wobble() method to the desired element.

The default maximum rotation angle is 15, so if that is too much, or too little, simply add the rotation angle as an argument.

$('.logo').wobble();

$('.logo').wobble(30);

$('.logo').wobble(7);

To make sure that you get the correct perspecitve of your wobbles, make sure you set the perspective of the parent div to 1000

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;