The Easiest Way to Create Staggered Letter Animations in Webflow
HTML-код
- Опубликовано: 4 авг 2024
- [ Get the cloneable ]
webflow.com/made-in-webflow/w...
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: www.clevermellow.co/
SplitType: www.npmjs.com/package/split-type
GSAP: greensock.com/docs/v3/Install...
Codesandbox: codesandbox.io/
How I record my screen: www.screen.studio/
[ Do you speak Dutch? 🇳🇱 🇧🇪 ]
Join the largest and most vibrant no-code community!
www.nocodecommunity.nl/
[ My socials ✌️ ]
Twitter: / iljavaneck
Instagram: / by.ilja
Awwwards: www.awwwards.com/ilja-van-eck/
Webflow profile: webflow.com/@iljavaneck Хобби
The Text Shadow Trick is amazing!
Very well explaned. Please more of this!
Loving these tutorials
That text shadow trick is so smart! Love it.
Super impressed with how consistent you've been since you started uploading. All quality tutorials as well!
Great Explanation man. Would love to see more new stuffs
You are a hero bro keep going your videos are magic
Keep them coming!
Wow, using text shadow to duplicate the text? Never thought about that! Very clever. Will definitely use this! Thanks for the tutorial!
Great tutorial, thanks!
This is so clever! And very good tutorial, appreciate teaching slowly and step by step
Smmmmmarrrtttt af!
thanks for sharing!
So, cool approach, thanks for sharing with us 👍 Keep going!
thank you for turtorial 🔥
I've always made the wrapper just relative, set the duplicate to absolute and transformed it down 100%... but this text shadow method is genius
Bro awesome please bring tuts animation using framer
Loving this. But having an issue. When cloning the project, none of the effects carry over.
Do I need to code everything from scratch, like you do here? (i know nothing of code)
great video! You should increase your voice volume.