css-in-js-easing
TypeScript icon, indicating that this package has built-in type declarations

1.2.0 • Public • Published

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

/css-in-js-easing/

    Package Sidebar

    Install

    npm i css-in-js-easing

    Weekly Downloads

    705

    Version

    1.2.0

    License

    MIT

    Unpacked Size

    13.8 kB

    Total Files

    6

    Last publish

    Collaborators

    • hiro0218