Harold AO Posted May 13, 2023 Share Posted May 13, 2023 Hi team. I'm wondering how to animate the words of a line individually. E.g: "In this demo, we're" (first line) should start animating each word at the same time as the words of the 2nd line ("Gonna see how to make"), etc... See the Pen zYmjJEy by haroldao (@haroldao) on CodePen Link to comment Share on other sites More sharing options...
Solution PointC Posted May 13, 2023 Solution Share Posted May 13, 2023 You'd need to loop through each line and select the bottom/top .char in those lines and start all tweens at 0. Something like this. See the Pen b300c7bf37ea7a9567e1733d87bbbe30 by PointC (@PointC) on CodePen Just FYI - you had an ease on the timeline itself, but timelines don't have eases. I moved that power4.inOut ease to the defaults for the timeline so it would be applied to each tween. Hopefully that helps. Happy tweening and thanks for being a club member. 4 Link to comment Share on other sites More sharing options...
Harold AO Posted May 13, 2023 Author Share Posted May 13, 2023 2 hours ago, PointC said: You'd need to loop through each line and select the bottom/top .char in those lines and start all tweens at 0. Something like this. Just FYI - you had an ease on the timeline itself, but timelines don't have eases. I moved that power4.inOut ease to the defaults for the timeline so it would be applied to each tween. Hopefully that helps. Happy tweening and thanks for being a club member. Thank you so muchhhhh🔥🔥😍 Link to comment Share on other sites More sharing options...
GreenSock Posted May 14, 2023 Share Posted May 14, 2023 Yep, @PointC is exactly right. Here's a slightly different way to structure it (not necessarily any better): See the Pen wvYxaMq?editors=0010 by GreenSock (@GreenSock) on CodePen 2 1 Link to comment Share on other sites More sharing options...
Harold AO Posted May 14, 2023 Author Share Posted May 14, 2023 4 minutes ago, GreenSock said: Yep, @PointC is exactly right. Here's a slightly different way to structure it (not necessarily any better): ty ! I'll take a look ! 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