If I only had to learn 5 animation techniques, these would be the ones.

00:41 1. Scroll Tracking
1:46 2. Viewport Detection
2:42 3. Sticky Position
3:37 4. Easing
4:43 5. Text Splitting
5:58 Bonus Techniques
6:22 Bonus 1: Map Range
7:39 Bonus 2: Lerp
8:20 Bonus 3: Shader
9:34 Outro

More animations: https://blog.olivierlarose.com/
Follow me on Twitter:   / olivierlarose_  
Discord Channel:   / discord  

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion #threejs