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
