1.2.0 • Published 11 months ago

css-in-js-easing v1.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

css-in-js-easing

This library retrieves easing-function for CSS property. It is primarily intended for use with CSS-in-JS.

install

npm i -D css-in-js-easing

usage

import { easeInOutBack } from 'css-in-js-easing';
const sample = styled.div`
 transition-timing-function: ${easeInOutBack};
`

easing-function list

The following easing-function can export.

  • linear
  • ease
  • easeIn
  • easeOut
  • easeInOut
  • easeInQuad
  • easeInCubic
  • easeInQuart
  • easeInQuint
  • easeInSine
  • easeInExpo
  • easeInCirc
  • easeInBack
  • easeOutQuad
  • easeOutCubic
  • easeOutQuart
  • easeOutQuint
  • easeOutSine
  • easeOutExpo
  • easeOutCirc
  • easeOutBack
  • easeInOutQuad
  • easeInOutCubic
  • easeInOutQuart
  • easeInOutQuint
  • easeInOutSine
  • easeInOutExpo
  • easeInOutCirc
  • easeInOutBack