UNPKG

css-in-js-easing

Version:

This library retrieves easing-function for CSS property.

github.com/hiro0218/css-in-js-easing

hiro0218/css-in-js-easing

57 lines (47 loc) • 862 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
# 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`