Skip to content

IndigoUnited/js-longest-transition

Repository files navigation

longest-transition

NPM version Downloads Build Status Coverage Status Dependency status Dev Dependency status Greenkeeper badge

Cross-browser longest transition getter.

This module reads all transitions of an element and provides the longest one.

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

longestTransition(element)
  • element: The element that is transitioning.
  • Returns an object in the format below.
{
    property: 'height',
    duration: 200, // milliseconds
    delay: 100  // milliseconds
}

Tests

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

License

Released under the MIT License.

About

Cross-browser longest transition getter

Resources

License

Stars

Watchers

Forks

Packages

No packages published