Smooth Scroll Image Section Transitions | GSAP ScrollTrigger + Awwwards Tutorial

Описание: Learn how to create smooth scroll image transitions with snapping inspired by Dgrees Studio's awwwards-winning studio and site. These flowing transitions create seamless navigation between sections with elegant vertical image movements and precise scroll snapping.

Original site: https://dgrees.studio/capabilities/
Inspiration: Dgrees Studio
Stack: Next.js, GSAP, Tailwind CSS

📌 Timestamps:
00:00 - Intro
00:33 - Setup
00:47 - HTML
02:22 - CSS
04:19 - JS
07:23 - Final Result
—
Instagram:   / valentindescombes  
Twitter: https://x.com/valdescombes
LinkedIn:   / valentin-descombes  

Music from: Lukrembo
Thanks for watching!

Part of my Awwwards Experiments series - Subscribe for weekly recreations! 🚀