webkitTransitionEnd not firing when using -webkit-animation
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.
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..)
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here