Jump to content


SplitText - Pause/increase stagger delay on divs containing character?

Recommended Posts

Hi all, back again! Simple codepen above. I would like to inject a brief pause in the animation after each sentence. I think I'm in the ballpark - I've at least gotten to the point of having an increased stagger based on period position - but something on the timing is off. Any advice? 

See the Pen mdqdqxd by kslaton (@kslaton) on CodePen

Link to comment
Share on other sites

As soon as I posted this, I figured out what was off in the timing. Still open to any critique of the code or suggestions on how to make it cleaner!

Link to comment
Share on other sites

Looks good! 


I guess another approach would be to split the sentences up, like with some <span> tags, and then build it into a timeline.


See the Pen KKyKQbd by GreenSock (@GreenSock) on CodePen


Link to comment
Share on other sites

@OSUblake that definitely looks cleaner, I tried that first but for some reason on my actual site SplitText was breaking my spans into new lines when I called new SplitText. I may go back and do some debugging to figure out why. Thanks!

Link to comment
Share on other sites

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.