mirror of https://github.com/kremalicious/blog.git
33 lines
598 B
TypeScript
33 lines
598 B
TypeScript
export const moveInTop = {
|
|
initial: {
|
|
opacity: 0,
|
|
y: -100,
|
|
transition: { type: 'spring' }
|
|
},
|
|
enter: {
|
|
opacity: 1,
|
|
y: 0,
|
|
transition: {
|
|
type: 'spring',
|
|
duration: 0.2,
|
|
stiffness: 120
|
|
}
|
|
},
|
|
exit: {
|
|
opacity: 0,
|
|
y: -100,
|
|
transition: {
|
|
type: 'spring',
|
|
duration: 0.2
|
|
}
|
|
}
|
|
}
|
|
|
|
export function getAnimationProps(shouldReduceMotion: boolean) {
|
|
return {
|
|
initial: `${shouldReduceMotion ? 'enter' : 'initial'}`,
|
|
animate: `${shouldReduceMotion ? null : 'enter'}`,
|
|
exit: `${shouldReduceMotion ? null : 'exit'}`
|
|
}
|
|
}
|