2019-05-11 20:16:18 +02:00
|
|
|
export const defaultAnimation = {
|
|
|
|
enter: {
|
|
|
|
y: 0,
|
|
|
|
opacity: 1,
|
|
|
|
delay: 100,
|
|
|
|
transition: { duration: 150 }
|
|
|
|
},
|
|
|
|
exit: {
|
|
|
|
y: 50,
|
|
|
|
opacity: 0,
|
|
|
|
transition: { duration: 150 }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export const fadeIn = {
|
|
|
|
enter: {
|
|
|
|
opacity: 1,
|
2019-05-11 21:56:33 +02:00
|
|
|
transition: { duration: 500 }
|
2019-05-11 20:16:18 +02:00
|
|
|
},
|
|
|
|
exit: {
|
|
|
|
opacity: 0,
|
|
|
|
transition: { duration: 100 }
|
|
|
|
}
|
|
|
|
}
|