Native JS judge css animation end of CSS Animation callback function

Source: Internet
Author: User

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;

transitionendEvent 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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.