Блок при анимации rotate() «дергается» при ховере на его границы?

Question

[Tigronix]

Всем привет и заранее спасибо за ответы!
Вот пример на jsfiddle
При наведении на блок всё меняется, как нужно, но!
При наведении на границы блока во время анимации происходит вот такое дерганье.
В примере на jsfiddle такая ошибка, как и на видео. Как это поправить?

Answer 1

[Сергей Горячев]

В тот момент пока блок крутится, мышь попадает ВНЕ его области.
Тут же начинается вращение обратно, так как блок думает, что мышь убрали.
И во время обратного вращения мышь опять попадает на блок, заставляя блок опять менять анимацию.
Решается еще одним блоком, я сделал .wrapper, при наведении на который работает магия.
https://jsfiddle.net/41g4yn68/4/

Comments

[Tigronix]

Спасибо за помощь!

Answer 2

[justdealman]

https://jsfiddle.net/41g4yn68/2/

Comments

[Tigronix]

Спасибо за помощь!