@comparaonline/ui-transitions

0.19.1 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i @comparaonline/ui-transitions

Weekly Downloads

1

Version

0.19.1

License

MIT

Unpacked Size

5.04 kB

Total Files

10

Last publish

Collaborators

  • gnavarro
  • dsuarez_compa
  • pfariaz
  • ricardo.sosa
  • suarezcumare
  • fverag
  • comparaonline-dev
  • comparaonlineprivate
  • matotias
  • javierlara1989
  • smurua
  • eseceve
  • pablocompara