@proyecto26/animatable-component
Version:
Animate once, use Everywhere! 💫
26 lines (25 loc) • 1.18 kB
JavaScript
import { ANIMATIONS } from './common';
const PULSATE_DEFAULT = {
easing: 'ease-in-out',
fillMode: 'both'
};
const PULSATE_BCK = [
Object.assign(Object.assign({ offset: 0 }, PULSATE_DEFAULT), { transform: 'scale(1)' }),
Object.assign(Object.assign({ offset: 0.5 }, PULSATE_DEFAULT), { transform: 'scale(0.9)' }),
Object.assign(Object.assign({ offset: 1 }, PULSATE_DEFAULT), { transform: 'scale(1)' })
];
const PULSATE_FWD = [
Object.assign(Object.assign({ offset: 0 }, PULSATE_DEFAULT), { transform: 'scale(1)' }),
Object.assign(Object.assign({ offset: 0.5 }, PULSATE_DEFAULT), { transform: 'scale(1.1)' }),
Object.assign(Object.assign({ offset: 1 }, PULSATE_DEFAULT), { transform: 'scale(1)' })
];
const PING = [
Object.assign(Object.assign({ offset: 0 }, PULSATE_DEFAULT), { transform: 'scale(0.2)', opacity: 0.8 }),
Object.assign(Object.assign({ offset: 0.8 }, PULSATE_DEFAULT), { transform: 'scale(1.2)', opacity: 0 }),
Object.assign(Object.assign({ offset: 1 }, PULSATE_DEFAULT), { transform: 'scale(2.2)', opacity: 0 })
];
export default {
[ANIMATIONS.PULSATE_BCK]: PULSATE_BCK,
[ANIMATIONS.PULSATE_FWD]: PULSATE_FWD,
[ANIMATIONS.PING]: PING
};