Variable pageVariantsConst

pageVariants: {
    hidden: { opacity: number };
    visible: { opacity: number; transition: { duration: number } };
    exit: { opacity: number; transition: { duration: number } };
} = ...

Page-level animation variants for fade in/out transitions.

Type declaration

  • hidden: { opacity: number }
  • visible: { opacity: number; transition: { duration: number } }
  • exit: { opacity: number; transition: { duration: number } }

Source

export const pageVariants = {
  hidden: { opacity: 0 },
  visible: { opacity: 1, transition: { duration: 0.4 } },
  exit: { opacity: 0, transition: { duration: 0.2 } },
};

Settings

Member Visibility