@comparaonline/ui-transitions

Helpers to build CSS transitions

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@comparaonline/ui-transitions
Minified + gzip package size for @comparaonline/ui-transitions in KB

Readme

@comparaonline/ui-transitions

Helpers to build CSS transitions

Installation

yarn add @comparaonline/ui-transitions

Usage

import transitions from '@comparaonline/ui-transitions';

It returns an object with the following data

{
  easing: {
    easeIn: 'cubic-bezier(0.4,0,1,1)',
    easeInOut: 'cubic-bezier(0.4,0,0.2,1)',
    easeOut: 'cubic-bezier(0,0,0.2,1)',
    sharp: 'cubic-bezier(0.4,0,0.6,1)'
  },
  duration: {
    shortest: 150,
    shorter: 200,
    short: 250,
    standard: 300,
    complex: 375,
    enteringScreen: 225,
    leavingScreen: 195
  }
}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.