Jump to content
Search Community

Staggered words SplitText in chunks of text, one after the other

jackkemm test
Moderator Tag

Go to solution Solved by Cassie,

Recommended Posts

Hi there,


I am trying to get an animation to work but struggling to get the timeline correct.


I will be using SplitText to stagger words where a sentence is chunked up. So the first chunk would animate in word by word, then a slight delay, then the second chunk, and so on.


I am able to animate each chunks opacity (this is just to know I can animate each section separately), but when trying to animate the SplitText i'm not sure how to get this to work.


I have an Codepen attached and an example video of what i'm after.


The second issue I'm finding is that SplitText breaks the chunks of text due to them being divs. I know it's for allowing overflow animations but wondering if there's a way to fix the lines breaking?


Thanks in advance.



See the Pen Exwpwee by jackkemm (@jackkemm) on CodePen

Edited by jackkemm
Updated title
Link to comment
Share on other sites

  • jackkemm changed the title to Staggered words SplitText in chunks of text, one after the other

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...