Scrollytelling with GSAP in 12 Minutes! [MotionPath, ScrollTrigger]

Опубликовано: 27 Октябрь 2024
на канале: Web Bae
2,746
67

Let's use greensock's GSAP MotionPath and ScrollTrigger to do some scrollytelling! This tutorial/cloneable highlights a trek up Mount Shasta I did many years ago. The lower-thirds titles were done with Webflow IX2 - who says GSAP and IX2 can't get along?

// CLONE IT
👉 https://try.webflow.com/cloneable-is-...

// GSAP Discount
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon:   / webbae  
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Connect
🙋‍♀️ Join the Discord:   / discord  
🐥 Follow Me!   / webisbae  

// Topics covered
00:00 Intro
00:24 Google Earth, Photoshop, Illustrator
01:59 Webflow
06:36 Coding
10:48 Lower Thirds titles in IX2