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: https://twitter.com/olivierlarose_
Discord Channel: https://discord.com/invite/2QPNYtazQq

Thanks for watching!

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