CSS transitions effects using jquery

CSS transitions effects using jQuery

$('div').hover(function () {
    $(this).transition({
        rotate: '+=30deg',
        x: '+=10'
    });
}, function () {
    $(this).transition({
        rotate: '-=30deg',
        x: '-=10'
    });
});

DEMO