34 lines
557 B
TypeScript
34 lines
557 B
TypeScript
export const containerVariants = {
|
|
hidden: { opacity: 0 },
|
|
visible: {
|
|
opacity: 1,
|
|
transition: {
|
|
staggerChildren: 0.1,
|
|
},
|
|
},
|
|
};
|
|
|
|
export const itemVariants = {
|
|
hidden: { opacity: 0, y: 30 },
|
|
visible: {
|
|
opacity: 1,
|
|
y: 0,
|
|
transition: {
|
|
duration: 0.6,
|
|
ease: [0.22, 1, 0.36, 1] as const,
|
|
},
|
|
},
|
|
};
|
|
|
|
export const cardVariants = {
|
|
hidden: { opacity: 0, scale: 0.95 },
|
|
visible: {
|
|
opacity: 1,
|
|
scale: 1,
|
|
transition: {
|
|
duration: 0.5,
|
|
ease: [0.22, 1, 0.36, 1] as const,
|
|
},
|
|
},
|
|
};
|