longest-transition

Cross-browser longest transition getter

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
longest-transition
060.1.06 years ago6 years agoMinified + gzip package size for longest-transition in KB

Readme

longest-transition
!NPM versionnpm-imagenpm-url !Downloadsdownloads-imagenpm-url !Build Statustravis-imagetravis-url !Coverage Statuscoveralls-imagecoveralls-url !Dependency statusdavid-dm-imagedavid-dm-url !Dev Dependency statusdavid-dm-dev-imagedavid-dm-dev-url
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.