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