Jump to content
Search Community

SplitText starting from center

celli test
Moderator Tag

Recommended Posts

Yes, Use the object-based syntax for the stagger and set the from value to "center".

 

You can change your code to:

 

HeroTL.from(chars, {duration: 0.1, opacity:0, ease: "Sine.InOut", stagger:{from:"center", each:0.03}}, "+=0");

for more advanced timing control check out:

 

  • Like 3
Link to comment
Share on other sites

That's really cool, Carl! I am watching the video now.

 

But I still want the first letter to appear first, like the way a regular text box works when you type using centered text in photoshop or illustrator. The first letter still starts out the sequence... Can I still use something like these advanced staggers work ?

Link to comment
Share on other sites

11 minutes ago, celli said:

I still want the first letter to appear first, like the way a regular text box works when you type using centered text in photoshop or illustrator. The first letter still starts out the sequence... Can I still use something like these advanced staggers work ?

If you still want it to start with the first letter, what do you mean "starting GSAP splitText from the center"? Maybe a diagram or something would help our understanding.

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...