43 lines
809 B
TypeScript
43 lines
809 B
TypeScript
import type { Variants } from "framer-motion";
|
|
|
|
export const fadeUp: Variants = {
|
|
hidden: { opacity: 0, y: 24 },
|
|
visible: {
|
|
opacity: 1,
|
|
y: 0,
|
|
transition: { duration: 0.7, ease: [0.16, 1, 0.3, 1] },
|
|
},
|
|
};
|
|
|
|
export const fadeIn: Variants = {
|
|
hidden: { opacity: 0 },
|
|
visible: {
|
|
opacity: 1,
|
|
transition: { duration: 0.6, ease: "easeOut" },
|
|
},
|
|
};
|
|
|
|
export const scaleIn: Variants = {
|
|
hidden: { opacity: 0, scale: 0.96 },
|
|
visible: {
|
|
opacity: 1,
|
|
scale: 1,
|
|
transition: { duration: 0.7, ease: [0.16, 1, 0.3, 1] },
|
|
},
|
|
};
|
|
|
|
export const stagger = (delay = 0.08): Variants => ({
|
|
hidden: {},
|
|
visible: {
|
|
transition: {
|
|
staggerChildren: delay,
|
|
delayChildren: 0.1,
|
|
},
|
|
},
|
|
});
|
|
|
|
export const viewportConfig = {
|
|
once: true,
|
|
margin: "-100px",
|
|
} as const;
|