22 lines
632 B
TypeScript
22 lines
632 B
TypeScript
import type { Variants } from 'framer-motion';
|
|
|
|
// EaseOutExpo — smooth editorial deceleration
|
|
export const easeOutExpo = [0.22, 1, 0.36, 1] as const;
|
|
|
|
export const fadeInUp: Variants = {
|
|
hidden: { opacity: 0, y: 20 },
|
|
visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: easeOutExpo } },
|
|
};
|
|
|
|
export const fadeIn: Variants = {
|
|
hidden: { opacity: 0 },
|
|
visible: { opacity: 1, transition: { duration: 0.4, ease: easeOutExpo } },
|
|
};
|
|
|
|
export const staggerContainer: Variants = {
|
|
hidden: {},
|
|
visible: { transition: { staggerChildren: 0.1 } },
|
|
};
|
|
|
|
export const viewportOnce = { once: true, amount: 0.3 } as const;
|