Я делаю своп img при наведении для нескольких <img> элементов с одинаковым classname, он отлично работает на одном элементе. Но когда было несколько элементов, и я быстро сделал mouseenter и mouseleave от одного к другому <img>, анимация была странной.
Код: Скрипка
Итак, когда мышь входит в тело img, она выполняет простую анимацию поворота на 90 градусов с некоторой анимацией непрозрачности, прежде чем src изменится. И когда мышь уходит, она также выполняет обратное вращение с анимацией непрозрачности, src вернется к исходному.
Работает нормально, если мышь медленно перемещается между элементами, но если я выхожу (отпуск мыши) до завершения анимации (до того, как setTimeout завершит свою задачу), результат становится грязным.
Что здесь происходит?