UNPKG

@proyecto26/animatable-component

Version:

Animate once, use Everywhere! 💫

proyecto26.github.io/animatable-component

proyecto26/animatable-component

24 lines (23 loc) • 905 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
import { ANIMATIONS } from './common'; const SLIDE_OUT_UP = [ { offset: 0, transform: 'translateY(0)', visibility: 'visible' }, { offset: 1, transform: 'translateY(-100%)', visibility: 'hidden' } ]; const SLIDE_OUT_DOWN = [ { offset: 0, transform: 'translateY(0)', visibility: 'visible' }, { offset: 1, transform: 'translateY(100%)', visibility: 'hidden' } ]; const SLIDE_OUT_LEFT = [ { offset: 0, transform: 'translateX(0)', visibility: 'visible' }, { offset: 1, transform: 'translateX(-100%)', visibility: 'hidden' } ]; const SLIDE_OUT_RIGHT = [ { offset: 0, transform: 'translateX(0)', visibility: 'visible' }, { offset: 1, transform: 'translateX(100%)', visibility: 'hidden' } ]; export default { [ANIMATIONS.SLIDE_OUT_UP]: SLIDE_OUT_UP, [ANIMATIONS.SLIDE_OUT_DOWN]: SLIDE_OUT_DOWN, [ANIMATIONS.SLIDE_OUT_LEFT]: SLIDE_OUT_LEFT, [ANIMATIONS.SLIDE_OUT_RIGHT]: SLIDE_OUT_RIGHT };