← Back to Gallery

Slide Transitions

Slide from Left

Slide from Right

Slide from Top

Slide from Bottom

Code Example

<motion.div
  initial={{ x: -200, opacity: 0 }}
  animate={{ x: 0, opacity: 1 }}
  transition={{ duration: 0.8, ease: "easeOut" }}
/>