# longest-transition

> Cross-browser longest transition getter

Latest version **0.1.0** (published 2016-11-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install longest-transition
pnpm add longest-transition
yarn add longest-transition
bun add longest-transition
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2016-11-30 |
| First published | 2016-11-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | IndigoUnited |
| Maintainers | marcooliveira |
| Keywords | transition, duration, delay, longest, highest |

## Links

- npm: https://www.npmjs.com/package/longest-transition
- Repository: https://github.com/IndigoUnited/js-longest-transition
- Homepage: https://github.com/IndigoUnited/js-longest-transition#readme
- Issues: https://github.com/IndigoUnited/js-longest-transition/issues/
- npm.io page: https://npm.io/package/longest-transition

## Recent versions

- 0.1.0 (latest) — 2016-11-30

## README

# 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
*/
```


## Installation

`$ npm install longest-transition`


## Usage

```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
}
```

## Tests

`$ npm test`   
`$ npm test-cov` to get coverage report


## License

Released under the [MIT License](http://www.opensource.org/licenses/mit-license.php).

---
_Source: https://npm.io/package/longest-transition · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._