I'm not looking to trigger a CSS animation from JS, but rather the opposite.

If I do a CSS animation via the -webkit-transition or transition: all 1000ms type style sheet, is there a way to trigger a JS function after the transition is done?

Basically I've been doing animations via javascript and I want to convert some of them to CSS animations, but I need to trigger javascript events after the animations have pleted.

I'm not looking to trigger a CSS animation from JS, but rather the opposite.

If I do a CSS animation via the -webkit-transition or transition: all 1000ms type style sheet, is there a way to trigger a JS function after the transition is done?

Basically I've been doing animations via javascript and I want to convert some of them to CSS animations, but I need to trigger javascript events after the animations have pleted.

• javascript
• html
• css
• css-transitions

Share Improve this question Follow edited Dec 4, 2012 at 6:31 Mayur Birari 5,83588 gold badges3636 silver badges6161 bronze badges asked Dec 4, 2012 at 6:13 AlbertoAlberto 13611 silver badge55 bronze badges 3

• 2 Similiar stackoverflow./questions/2087510/callback-on-css-transition – Musa Commented Dec 4, 2012 at 6:31
• Awesome I didn't find that before posting. I need to fully test it but it seems to fit my needs. – Alberto Commented Dec 4, 2012 at 7:17
• Does this answer your question? Callback on CSS transition – djvg Commented Mar 30, 2023 at 13:40

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

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

See: Callback on CSS transition