Cross-browser longest transition getter
npm install longest-transition[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Coverage Status][coveralls-image]][coveralls-url] [![Dependency status][david-dm-image]][david-dm-url] [![Dev Dependency status][david-dm-dev-image]][david-dm-dev-url]
[npm-url]:https://npmjs.org/package/longest-transition
[downloads-image]:http://img.shields.io/npm/dm/longest-transition.svg
[npm-image]:http://img.shields.io/npm/v/longest-transition.svg
[travis-url]:https://travis-ci.org/IndigoUnited/js-longest-transition
[travis-image]:http://img.shields.io/travis/IndigoUnited/js-longest-transition/master.svg
[coveralls-url]:https://coveralls.io/r/IndigoUnited/js-longest-transition
[coveralls-image]:https://img.shields.io/coveralls/IndigoUnited/js-longest-transition/master.svg
[david-dm-url]:https://david-dm.org/IndigoUnited/js-longest-transition
[david-dm-image]:https://img.shields.io/david/IndigoUnited/js-longest-transition.svg
[david-dm-dev-url]:https://david-dm.org/IndigoUnited/js-longest-transition#info=devDependencies
[david-dm-dev-image]:https://img.shields.io/david/dev/IndigoUnited/js-longest-transition.svg
Cross-browser longest transition getter.
This module reads all transitions of an element and provides the longest one.
``js
import longestTransition from 'longest-transition';
// or
const longestTransition = window.longestTransition;
const element = document.getElementById('transitioning-element');
const time = longestTransition(element);
/*
time will be something like:
{
property: 'height',
duration: 200,
delay: 100
}
Note that time is in milliseconds
*/
`
$ npm install longest-transition
`js`
longestTransition(element)
- element: The element that is transitioning.
- Returns an object in the format below.
`js`
{
property: 'height',
duration: 200, // milliseconds
delay: 100 // milliseconds
}
$ npm test $ npm test-cov` to get coverage report
Released under the MIT License.