My Top 5 Techniques for Web Animation

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_   Follow me in Instagram:   / olidevs   Discord Channel:   / discord   Thanks for watching! #react #nextjs #awwwards #gsap #framer #motion #threejs