CSS3+jQuery rotate and wiggle

Simple and concise way to leverage CSS3 (don’t work in IE7 <) effects. Using this currently to call out the primary call to action on a page.


$.fn.rotate = function(/ String / deg) {
return $(this).each(function() {
$.each(["webkit", "moz", "ms", "o"], $.proxy(function(i,prefix) {
$(this).css("-" + prefix +"-transform", "rotate(" + deg + "deg)");
},this));
});
};

$.wiggle = function(el, times, dir) {

    if(times === 0) {
        el.rotate(0);
        return;
    } 

    window.setTimeout(function() {

        el.rotate((dir? &quot;-&quot; : &quot;&quot;) + &quot;2&quot;),
        $.wiggle(el, --times, !dir);

    }, 170);

}


`