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: about 1 month 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 (over 11 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T20:21:57.000Z (about 1 year ago)
• Last Synced: 2024-07-18T19:54:11.206Z (2 months ago)
• Topics: agnostic, javascript, transitionend, transitionend-event
• Language: HTML
• Homepage:
• Size: 230 KB
• Stars: 95
• Watchers: 5
• Forks: 8
• 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. - ★ 89 (Animations)

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"

```