CSS запускает javascript после перехода/анимации

Я не хочу запускать анимацию CSS из JS, а наоборот.

Если я делаю анимацию CSS с помощью таблицы стилей типа -webkit-transition или transition: all 1000ms, есть ли способ вызвать функцию JS после выполнения перехода?

В основном я делаю анимацию с помощью javascript, и я хочу преобразовать некоторые из них в анимацию CSS, но мне нужно запускать события javascript после завершения анимации.


javascript html css css-transitions
person Alberto    schedule 04.12.2012    source источник
comment
Аналогичный stackoverflow.com/questions/2087510/callback-on-css-transition   -  person Musa    schedule 04.12.2012
comment
Удивительно, я не нашел это перед публикацией. Мне нужно полностью протестировать его, но, похоже, он соответствует моим потребностям.   -  person Alberto    schedule 04.12.2012

Ответы (2)


arrow_upward
5
arrow_downward 

box.addEventListener('webkitTransitionEnd', function( event ) { 
     alert( "Finished transition!" ); 
}, false );

См.: Обратный вызов при переходе CSS

person Jack eten    schedule 04.12.2012
comment
Спасибо. Я пропустил исходный пост. - person Alberto; 04.12.2012

arrow_upward
1
arrow_downward

Я думаю, вам понадобится javascript до перехода, чтобы вызвать его и после него. чтобы сделать какой-то обратный вызов... но мои знания очень плохие

person invicente    schedule 04.12.2012