Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

webkitTransitionEnd not firing when using -webkit-animation

webkitTransitionEnd not firing when using -webkit-animation

Problem

What's the difference between -webkit-transition and -webkit-animation? For some reason the Webkittransitionend does not fire when I use -webkit-animation.

How can I do to find out when the animation finished using this code http://jsbin.com/oveval/7/edit . I have attached an event listener to all elements thats animating but none of them fires.

Problem courtesy of: xCander

Solution

The Solution is there: http://jsbin.com/oveval/10/ . You need to use webkitAnimationEnd event. http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/WebKitAnimationEventClassReference/WebKitAnimationEvent/WebKitAnimationEvent.html

(alert's don't seem to work on jsbin..)

Solution courtesy of: George Katsanos

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

webkitTransitionEnd not firing when using -webkit-animation

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×