limbo Posted January 2, 2022 Share Posted January 2, 2022 I've been working with a timeline and video for a while now - have built a few options and I need to do some titles overlaid with split text timed to the video... I've managed to split the text on the first line (words appear correctly - as seen when hitting reset) but I'm looking to do it for each of the lines... but I've been chasing my tail. New year blindness no doubt... Can anyone help me here? Edit: updated codepen See the Pen NWaYOqg by liamcrean (@liamcrean) on CodePen Link to comment Share on other sites More sharing options...
Solution Cassie Posted January 2, 2022 Solution Share Posted January 2, 2022 Hey there Liam, I've taken out all the video bits to focus on the text. You'll need to loop round each of the lines in order to stagger in the words. See the Pen MWEVqJp?editors=1010 by GreenSock (@GreenSock) on CodePen This is currently staggering in all the words at once .from(wordSplit.words, { delay:1, opacity:0, stagger:0.5, duration:0.5, ease: "back.inOut(1)", }, "-=lineTiming") 1 Link to comment Share on other sites More sharing options...
limbo Posted January 2, 2022 Author Share Posted January 2, 2022 Obvious that it needs to be in a forEach array - I did try it but my dodgy attempt fell over completely. I probably should have tried making it work without the other moving parts - helps to focus. Cheers for the direction 1 Link to comment Share on other sites More sharing options...
Cassie Posted January 2, 2022 Share Posted January 2, 2022 Yep! Always good to strip it back when you're trying to fix something. Helps me every time. ☺️ 1 Link to comment Share on other sites More sharing options...
limbo Posted January 2, 2022 Author Share Posted January 2, 2022 Agreed! Updated with video controls/timing etc 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now