Migrated pitch-deck from breakpilot-pwa to breakpilot-core. Container: bp-core-pitch-deck on port 3012. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
68 lines
1.5 KiB
TypeScript
68 lines
1.5 KiB
TypeScript
export const fadeIn = {
|
|
initial: { opacity: 0 },
|
|
animate: { opacity: 1 },
|
|
exit: { opacity: 0 },
|
|
transition: { duration: 0.5 },
|
|
}
|
|
|
|
export const fadeInUp = {
|
|
initial: { opacity: 0, y: 40 },
|
|
animate: { opacity: 1, y: 0 },
|
|
exit: { opacity: 0, y: -20 },
|
|
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
|
}
|
|
|
|
export const fadeInDown = {
|
|
initial: { opacity: 0, y: -40 },
|
|
animate: { opacity: 1, y: 0 },
|
|
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
|
}
|
|
|
|
export const fadeInLeft = {
|
|
initial: { opacity: 0, x: -60 },
|
|
animate: { opacity: 1, x: 0 },
|
|
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
|
}
|
|
|
|
export const fadeInRight = {
|
|
initial: { opacity: 0, x: 60 },
|
|
animate: { opacity: 1, x: 0 },
|
|
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
|
}
|
|
|
|
export const scaleIn = {
|
|
initial: { opacity: 0, scale: 0.8 },
|
|
animate: { opacity: 1, scale: 1 },
|
|
transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] },
|
|
}
|
|
|
|
export const slideVariants = {
|
|
enter: (direction: number) => ({
|
|
x: direction > 0 ? '100%' : '-100%',
|
|
opacity: 0,
|
|
}),
|
|
center: {
|
|
x: 0,
|
|
opacity: 1,
|
|
},
|
|
exit: (direction: number) => ({
|
|
x: direction < 0 ? '100%' : '-100%',
|
|
opacity: 0,
|
|
}),
|
|
}
|
|
|
|
export const staggerContainer = {
|
|
animate: {
|
|
transition: {
|
|
staggerChildren: 0.1,
|
|
delayChildren: 0.2,
|
|
},
|
|
},
|
|
}
|
|
|
|
export const staggerItem = {
|
|
initial: { opacity: 0, y: 20 },
|
|
animate: { opacity: 1, y: 0 },
|
|
transition: { duration: 0.5 },
|
|
}
|