Блок при анимации rotate() «дергается» при ховере на его границы?
Всем привет и заранее спасибо за ответы! Вот пример на jsfiddle
При наведении на блок всё меняется, как нужно, но!
При наведении на границы блока во время анимации происходит вот такое дерганье.
В примере на jsfiddle такая ошибка, как и на видео. Как это поправить?
В тот момент пока блок крутится, мышь попадает ВНЕ его области.
Тут же начинается вращение обратно, так как блок думает, что мышь убрали.
И во время обратного вращения мышь опять попадает на блок, заставляя блок опять менять анимацию.
Решается еще одним блоком, я сделал .wrapper, при наведении на который работает магия. https://jsfiddle.net/41g4yn68/4/
