CSS trigger javascript after transition/animation

Question

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 completed.

Similiar stackoverflow.com/questions/2087510/callback-on-css-transition — Musa
– 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
– Alberto, Commented Dec 4, 2012 at 7:17

Community · Accepted Answer · 2017-05-23 10:27:28Z

5

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

See: Callback on CSS transition

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Dec 4, 2012 at 6:34

Jack eten

661 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Alberto Over a year ago

Thanks. I missed the original post.

Collectives™ on Stack Overflow

CSS trigger javascript after transition/animation

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related