Variable cardVariantsConst

cardVariants: {
    hidden: { opacity: number; y: number };
    visible: {
        opacity: number;
        y: number;
        transition: { duration: number; delay: number };
    };
} = ...

Card animation variants with vertical slide and fade.

Type declaration

  • hidden: { opacity: number; y: number }
  • visible: { opacity: number; y: number; transition: { duration: number; delay: number } }

Source

export const cardVariants = {
  hidden: { opacity: 0, y: 20 },
  visible: {
    opacity: 1,
    y: 0,
    transition: {
      duration: 0.4,
      delay: 0.1,
    },
  },
};

Settings

Member Visibility