Jump to content
Search Community

gsap + Split text, how to animate from last char to first

_Greg _ test
Moderator Tag

Recommended Posts

Heye Nekiy2. First off, that demo is using an old version of GSAP. We highly recommend using GSAP 3. I updated the demos in the SplitText docs.


As for your question, you can just reverse the arrays before using them as the target. JS has a handy .reverse() method for that. For example:

splitTextTimeline.from(mySplitText.chars, {stagger: 0.1, ... });


  • Like 2
  • Thanks 1
Link to comment
Share on other sites

Yeah, with GSAP 3 you have many more options for staggering.


Check out this video on the stagger object which lets you stagger from "end" and "center" 



animation.from(split.chars, {opacity:0, y:50, ease:"back(4)", stagger:{

Demo here:

See the Pen BajxopX by snorkltv (@snorkltv) on CodePen



  • Like 3
  • Thanks 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.
  • Create New...