staggerContainerVariants: {
    hidden: { opacity: number };
    visible: {
        opacity: number;
        transition: { staggerChildren: number; delayChildren: number };
    };
} = ...

Container animation variants for staggered children animations.

Type declaration

  • hidden: { opacity: number }
  • visible: {
        opacity: number;
        transition: { staggerChildren: number; delayChildren: number };
    }
export const staggerContainerVariants = {
hidden: { opacity: 0 },
visible: {
opacity: 1,
transition: {
staggerChildren: 0.1,
delayChildren: 0.2,
},
},
};