Text animation (one letter at a time)

[harry_vanarse]

Hey Guys,

 

Can we animates text, in one letter at a time.

 

Example: consider we need to animate the HARSHAL text.

1st H, 2nd A, 3rd R, 4th S, 5thH, 6thA, 7thL and we can see fully text as HARSHAL.

 

Can someone please let me know what code i should use it?

 

Thanks in advance.

 

Harshal Vanarse

 

 

 

[ZachSaucier]

Hey Harshal.

 

It sounds like SplitText fits your needs exactly  The page for it has example and documentation on how to use it.

[kosakkas]

Hey, I only need support for SplitText, and can't afford to pay the full price for the GSAP Premium package, let alone that I don't really need the rest of the features included. Do you offer an option to purchase licenses on a per module basis? 

[Rodrigo]

Hi @kosakkas and welcome to the GSAP Forums!

 

No, we don't offer am individual Plugins pricing structure, sorry.

 

We do know that Club GSAP subscriptions pay themselves in no time. All you need is a couple of projects (at most) where you use the bonus plugins to showcase some awesome animation magic and after that is all profits, plus you help supporting and maintaining GSAP in the process.

 

Finally keep in mind that you can play around with all the bonus plugins in Codepen and in your local machine using GSAP Trial:

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

 

https://www.npmjs.com/package/gsap-trial

 

Let us know if you have more questions.

Happy Tweening!