UNPKG

@proyecto26/animatable-component

Version:

Animate once, use Everywhere! 💫

proyecto26.github.io/animatable-component

proyecto26/animatable-component

31 lines (30 loc) • 1.99 kB
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
import { ANIMATIONS } from './common'; const VIBRATE_DEFAULT = { easing: 'linear', fillMode: 'both' }; const VIBRATE_1 = [ Object.assign(Object.assign({ offset: 0 }, VIBRATE_DEFAULT), { transform: 'translate(0)' }), Object.assign(Object.assign({ offset: 0.2 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, 2px)' }), Object.assign(Object.assign({ offset: 0.4 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, -2px)' }), Object.assign(Object.assign({ offset: 0.6 }, VIBRATE_DEFAULT), { transform: 'translate(2px, 2px)' }), Object.assign(Object.assign({ offset: 0.8 }, VIBRATE_DEFAULT), { transform: 'translate(2px, -2px)' }), Object.assign(Object.assign({ offset: 1 }, VIBRATE_DEFAULT), { transform: 'translate(0)' }) ]; const VIBRATE_2 = [ Object.assign(Object.assign({ offset: 0 }, VIBRATE_DEFAULT), { transform: 'translate(0)' }), Object.assign(Object.assign({ offset: 0.1 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, -2px)' }), Object.assign(Object.assign({ offset: 0.2 }, VIBRATE_DEFAULT), { transform: 'translate(2px, -2px)' }), Object.assign(Object.assign({ offset: 0.3 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, 2px)' }), Object.assign(Object.assign({ offset: 0.4 }, VIBRATE_DEFAULT), { transform: 'translate(2px, 2px)' }), Object.assign(Object.assign({ offset: 0.5 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, -2px)' }), Object.assign(Object.assign({ offset: 0.6 }, VIBRATE_DEFAULT), { transform: 'translate(2px, -2px)' }), Object.assign(Object.assign({ offset: 0.7 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, 2px)' }), Object.assign(Object.assign({ offset: 0.8 }, VIBRATE_DEFAULT), { transform: 'translate(-2px, -2px)' }), Object.assign(Object.assign({ offset: 0.9 }, VIBRATE_DEFAULT), { transform: 'translate(2px, -2px)' }), Object.assign(Object.assign({ offset: 1 }, VIBRATE_DEFAULT), { transform: 'translate(0)' }) ]; export default { [ANIMATIONS.VIBRATE_1]: VIBRATE_1, [ANIMATIONS.VIBRATE_2]: VIBRATE_2 };