The Easiest Way to Create Staggered Letter Animations in Webflow
The Easiest Way to Create Staggered Letter Animations in Webflow by Ilja van Eck
[ Get the cloneable ] https://webflow.com/made-in-webflow/website/letter-stagger-animation Staggered letters and word animations are quite popular. I always created these with a duplicate of the original text, but Jan-Willem Wessels (thanks buddy!) shared a great technique with me that uses a text-shadow. It's not only easier, but also better for accessibility. [ Links 👇 ] CleverMellow: https://www.clevermellow.co/ SplitType: https://www.npmjs.com/package/split-type GSAP: https://greensock.com/docs/v3/Installation Codesandbox: https://codesandbox.io/ How I record my screen: https://www.screen.studio/ [ Do you speak Dutch? 🇳🇱 🇧🇪 ] Join the largest and most vibrant no-code community! https://www.nocodecommunity.nl/ [ My socials ✌️ ] Twitter: https://twitter.com/iljavaneck Instagram: https://www.instagram.com/by.ilja/ Awwwards: https://www.awwwards.com/ilja-van-eck/ Webflow profile: https://webflow.com/@iljavaneck