Там какие-либо события запущены элементом, чтобы проверить, запустился ли css3 переход или заканчивается?
Завершение CSS-перехода генерирует соответствующее событие DOM. Событие генерируется для каждого свойства, которое подвергается переходу. Это позволяет разработчику контента выполнять действия, синхронизированные с завершением перехода.
Чтобы определить завершение перехода, установите функцию слушателя событий JavaScript для события DOM, которое отправляется в конце перехода. Это событие является экземпляром WebKitTransitionEvent, а его тип -
webkitTransitionEnd
.
box.addEventListener( 'webkitTransitionEnd',
function( event ) { alert( "Finished transition!" ); }, false );
Существует единственное событие, которое запускается при завершении перехода. В Firefox это событие называется
transitionend
, в Opera -oTransitionEnd
, а в WebKit -webkitTransitionEnd
.
Существует один тип события перехода доступен. Событие
oTransitionEnd
происходит при завершении перехода.
Событие
transitionend
происходит при завершении перехода. Если переход удален до завершения, событие не произойдет.
Stack Overflow: How do I normalize CSS3 Transition functions across browsers?