Original JS judge css animation end of CSS Animation callback function
CSS3 of the Times, css3--animation everything is possible;
The traditional JS can use the callback function to determine whether the animation is finished, even if the use of CSS technology to generate animation effects, JavaScript can still capture animation or transformation of the end event;
transitionend
Event and animationend
event standard browser events, but in the WebKit browser you still need to use webkit
prefixes, so we have to detect events individually based on various browsers
var transitions = { ' transition ': ' Transitionend ', ' otransition ': ' Otransitionend ', ' moztransition ': ' Transitionend ', ' webkittransition ': ' Webkittransitionend ' }
The source code is attached below:
<!doctype html></script></body>
Native JS judge css animation end of CSS Animation callback function