Вращение преобразования jQuery не действует, как ожидалось

Question

Я пытаюсь повернуть элемент по часовой стрелке на 90 градусов по мыши и вернуть его в исходное положение мыши.

Чтобы сделать это, достаточно просто, но когда я пытаюсь использовать функцию .animate(), чтобы она казалась переходной, ничего не происходит.

Это jsfiddle, которые могут помочь вам понять, что я хочу.

Answer 1

Вы не должны использовать .animate(), просто используйте .css() и CSS3.

DEMO

$('i.brand').hover(function() { 
     rotation += 90; 
     $(this).animateRotate(rotation); 
}, function() { 
     rotation -= 90; 
     $(this).animateRotate(rotation); 
}); 

CSS

.brand{ 
    -webkit-transition: all ease 1s; 
    transition: all ease 1s; 
}