https://github.com/EvandroLG/transitionEnd
:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
https://github.com/EvandroLG/transitionEnd
agnostic javascript transitionend transitionend-event
Last synced: 6 months ago
JSON representation
:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
- Host: GitHub
- URL: https://github.com/EvandroLG/transitionEnd
- Owner: EvandroLG
- Created: 2012-12-24T11:47:30.000Z (almost 13 years ago)
- Default Branch: master
- Last Pushed: 2023-07-19T20:21:57.000Z (over 2 years ago)
- Last Synced: 2025-04-08T04:16:52.044Z (7 months ago)
- Topics: agnostic, javascript, transitionend, transitionend-event
- Language: HTML
- Homepage:
- Size: 230 KB
- Stars: 96
- Watchers: 4
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-javascript - TransitionEnd - TransitionEnd is an agnostic and cross-browser library to work with transitionend event. ` 📝 3 months ago ` (Animations [🔝](#readme))
- awesome-javascript-cn - 官网
- awesome-javascript - transitionEnd - TransitionEnd is an agnostic and cross-browser library to work with transitionend event. - ★ 89 (Animations)
- fucking-awesome-javascript - TransitionEnd - TransitionEnd is an agnostic and cross-browser library to work with transitioned event. (Animations / Other)
- A-collection-of-awesome-browser-side-JavaScript-libraries-resources-and-shiny-things. - TransitionEnd - TransitionEnd is an agnostic and cross-browser library to work with transitioned event. (Animations / Other)
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:
```shell
npm install transitionEnd
```
Or Bower too:
```shell
bower install transitionEnd
```
Or simply pick up the file from src directory.
## Methods
* transitionEnd(element).bind(callback)
* transitionEnd(element).unbind()
* transitionEnd(element).whichTransitionEnd()
## How does it work?
```js
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"
```