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
▶︎
How Difficult Are These Web Animations?! (TIER LIST)
▶︎
My Top 10 Resources for Web Animations
▶︎
Scroll Parallax Animated Website Design in Figma
▶︎
React Animation Course with Motion - Become an Animations Pro in 1 Hour
▶︎
this website is insane (stack explained)
▶︎
The Overlooked Reason Scroll Effects Feel Connected
▶︎
GSAP vs Framer Motion for React
▶︎
The Only 5 Web Design Skills That Actually Matter (2026)
▶︎
The Easy Way to Design Top Tier Websites
▶︎
I Built an Awwwards-Level Portfolio to Land My Dream Job (Here’s How)
▶︎
Impressive 2025 Website Design Inspiration
▶︎
Design This Animated Website Using Figma and AI!
▶︎
2 Ways To Make an Awwwards Sticky Footer
▶︎
6 EASY Tips to 10x Any Site's Design
▶︎
Every Webflow Animation Explained
▶︎
AntiGravity + Spline Builds Insane 3D Websites (NEW Skill)
▶︎
Web Animations That Make Clients Pay More
▶︎
The Secret Science of Perfect Spacing
▶︎
How to Properly Layout A Website (For Beginners)
▶︎