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

Package Sidebar

Install

npm i css-in-js-easing

Weekly Downloads

1,244

Version

1.2.0

License

MIT

Unpacked Size

13.8 kB

Total Files

6

Last publish

Collaborators

  • hiro0218