A GSAP Scroll Animation Where SVG Noodles Crawl Across, Swap the Content, and Politely Leave

Learn how to build a scroll-driven SVG wipe animation with HTML, CSS, and JavaScript, powered by GSAP and ScrollTrigger. Curved SVG strokes sweep across to cover the screen, swap the content underneath, then wipe away to reveal it.

Source Code: https://codegrid.gumroad.com/l/codegridpro

Inspiration: Wero Wallet
Website: sowieso.wero-wallet.eu/nl-en/merchant

00:00 Intro
01:39 HTML
03:39 CSS
06:15 JavaScript

Instagram: https://www.instagram.com/codegridweb/
Twitter: https://twitter.com/codegridweb/
Public Discord: https://discord.gg/B8B9MXxuSS

Thanks for watching!