Как я должен кодировать эту функцию, чтобы повернуть?

Question

У меня есть функция:

    function headerNudge(elem, rot, dur) {
        elem.rotate({ 
        bind: { 
            mouseover : function() { 
                $(this).rotate({
                    animateTo:rot,
                    duration:dur,
            callback: function(){
                $(this).rotate({
                            animateTo:-rot,
                            duration:dur,
                    callback: function(){
                        $(this).rotate({ animateTo:0,duration:dur })
                    }
                })
            }
        })
      }
        }      
        });         
    }

По сути, он просто использует плагин jQueryRotate для перемещения изображения при наведении курсора на один слайд, а затем на другой, чтобы создать эффект дрожания..

Я вижу, что мой код выглядит абсолютно ужасно, (я пришел из php / c # фона) Может ли кто-нибудь предложить лучшее средство для достижения моей цели?

Answer 1

Не могли бы вы использовать CSS-переходы ?