Using Framer Motion To Bring Things To Life
- “Just CSS” Might Be Enough!
- Building More Complex Animations with Framer Motion
- Animating Elements In & Out
- Scroll-based Animations
CSS Transitions
CSS Transitions allow you to “tell” CSS to smoothly transition between two CSS property values
CSS transitions - CSS: Cascading Style Sheets | MDN
Using CSS transitions - CSS: Cascading Style Sheets | MDN
CSS Animations
CSS animations - CSS: Cascading Style Sheets | MDN
Using CSS animations - CSS: Cascading Style Sheets | MDN
Framer Motion
Quick start - Motion for React (prev Framer Motion) Docs
motion - Motion for React (prev Framer Motion) Docs
AnimatePresence - Motion for React (prev Framer Motion) Docs
Transitions - Motion for React (prev Framer Motion) Docs
Layout animations - Motion for React (prev Framer Motion) Docs