mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 01:10:02 +02:00
19 lines
516 B
TypeScript
19 lines
516 B
TypeScript
export function getTitleAnimation(delay = 0, duration = 0.3, once = true) {
|
|
return {
|
|
initial: { opacity: 0.001, translateY: 20, filter: 'blur(4px)' },
|
|
whileInView: {
|
|
opacity: 1,
|
|
translateY: 0,
|
|
filter: 'blur(0px)',
|
|
transition: { duration, delay },
|
|
},
|
|
viewport: { once: once },
|
|
}
|
|
}
|
|
|
|
export function getZoomInAnimation(delay = 0) {
|
|
return {
|
|
initial: { scale: 0.8, opacity: 0.001 },
|
|
whileInView: { scale: 1, opacity: 1, transition: { duration: 0.2, delay } },
|
|
}
|
|
}
|