https://github.com/hiro0218/css-in-js-easing
This library retrieves easing-function for CSS property.
https://github.com/hiro0218/css-in-js-easing
animation css css-in-js easing easing-functions easings transition transition-timing-function
Last synced: 10 months ago
JSON representation
This library retrieves easing-function for CSS property.
- Host: GitHub
- URL: https://github.com/hiro0218/css-in-js-easing
- Owner: hiro0218
- License: mit
- Created: 2022-05-10T12:20:09.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-02-11T03:11:47.000Z (about 1 year ago)
- Last Synced: 2025-04-12T22:20:43.375Z (10 months ago)
- Topics: animation, css, css-in-js, easing, easing-functions, easings, transition, transition-timing-function
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/css-in-js-easing
- Size: 249 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# css-in-js-easing
This library retrieves easing-function for CSS property.
It is primarily intended for use with CSS-in-JS.
## install
```bash
npm i -D css-in-js-easing
```
## usage
```ts
import { easeInOutBack } from 'css-in-js-easing';
```
```ts
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`