In this tutorial, I’ll walk you step-by-step through creating smooth word-by-word and letter-by-letter text reveals using Split Text, stagger settings, masking, and stagger easing.
You’ll learn:
✅ The difference between Offset Time and Total Time in stagger animations
✅ How to split text by word, line, or letter
✅ How masking works to create clean reveal effects
✅ How to control animation pacing with stagger easing
✅ Practical tips for building intentional, professional animations in Webflow
By the end, you’ll have a clear understanding of how to use these new GSAP features in Webflow — without writing a single line of code.
👉 Watch on YouTube: https://youtu.be/WQ8q27BiKzY
📂 Helpful Resources:
- Lidia’s Portfolio: https://www.lidiasantoyan.com/
- GSAP tutorials playlist: https://www.youtube.com/playlist?list=PLYPkp78mi3rYZ-pxG2zK5fXRe1mxt2kPa
0 Comments