Jump to content


SplitText and MotionPath displays text in reverse

Recommended Posts

Hi there,

Im using MotionPath plugin to animate a text through a path and SplitText to split the text into characters but as you see it displays the text in reverse. For example when i write "Gsap" i see "pasG". 

I think the title and the codepen is self explanatory. 

How can i fix this issue?

See the Pen MWQGEzR by Separator (@Separator) on CodePen

Link to comment
Share on other sites

    stagger: {
        each: -0.15,
        repeat: -1,

Happy tweening.



  • Like 1
  • Haha 1
Link to comment
Share on other sites

Oh, that was easy! :D

However i noticed another issue. 

Its not separating the words!

I edited the codepen.

Link to comment
Share on other sites

The words are just divs so you can style them however you like! 🥳

Maybe pop some padding on the right of them


#split > * {


  • Like 1
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.