Description
TransitionEnd is an agnostic and cross-browser library to work with event transitionend.
TransitionEnd alternatives and similar libraries
Based on the "Animations" category.
Alternatively, view TransitionEnd alternatives based on common mentions on social networks and blogs.
-
AutoAnimate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application. -
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. -
Scrawl-canvas Library
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun -
Scroll Btween
ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element. -
Scroll Frames
Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of TransitionEnd or a related project?
README
TransitionEnd
TransitionEnd is an agnostic and cross-browser library to work with event transitionend.
Browser Support
1.0+ ✔ | 4.0+ ✔ | 10+ ✔ | 10.5 ✔ | 3.2+ ✔ |
Installation
To install Selecting, execute:
npm install transitionEnd
Or Bower too:
bower install transitionEnd
Or simply pick up the file from src directory.
Methods
- transitionEnd(element).bind(callback)
- transitionEnd(element).unbind()
- transitionEnd(element).whichTransitionEnd()
Examples
var box = $("#box"); // or document.getElementById("box")
var foo = $("#foo");
transitionEnd(box).bind(function(){
foo.addClass("on");
transitionEnd(box).unbind();
});
var transition = transitionEnd(box).whichTransitionEnd(); // return for example "webkitTransitionEnd"