UNPKG

@proyecto26/animatable-component

Version:

Animate once, use Everywhere! 💫

proyecto26.github.io/animatable-component

proyecto26/animatable-component

24 lines (23 loc) • 893 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_IN_UP = [ { offset: 0, transform: 'translateY(100%)', visibility: 'hidden' }, { offset: 1, transform: 'translateY(0)', visibility: 'visible' } ]; const SLIDE_IN_DOWN = [ { offset: 0, transform: 'translateY(-100%)', visibility: 'hidden' }, { offset: 1, transform: 'translateY(0)', visibility: 'visible' } ]; const SLIDE_IN_LEFT = [ { offset: 0, transform: 'translateX(-100%)', visibility: 'hidden' }, { offset: 1, transform: 'translateX(0)', visibility: 'visible' } ]; const SLIDE_IN_RIGHT = [ { offset: 0, transform: 'translateX(100%)', visibility: 'hidden' }, { offset: 1, transform: 'translateX(0)', visibility: 'visible' } ]; export default { [ANIMATIONS.SLIDE_IN_UP]: SLIDE_IN_UP, [ANIMATIONS.SLIDE_IN_DOWN]: SLIDE_IN_DOWN, [ANIMATIONS.SLIDE_IN_LEFT]: SLIDE_IN_LEFT, [ANIMATIONS.SLIDE_IN_RIGHT]: SLIDE_IN_RIGHT };