Text Animation

[BHAVY J]

Hello All,
I'm just learning GSAP.

How can I create this https://gsap.com/text/ animation.

i've tried but couldn't get what is going on in there.
I have refered to existing post of communties but still no idea.

See the Pen vYoExyY?editors=1010 by bhavy123 (@bhavy123) on CodePen.

[mvaneijgen]

Most of the site demo are here, but this particular one I cant find https://codepen.io/collection/ZMqxyL?cursor=eyJwYWdlIjoxfQ==

 

 

On the seamless loop helper docs there is a slot machine demo that should get you to the right direction I think https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop/

 

Hope it helps and happy tweening! 

 

 

See the Pen MWXPgKm?editors=0010 by GreenSock (@GreenSock) on CodePen.

[Rodrigo]

Hi,

 

On top of Mitchel's great advice check this thread, especially the posts bby @PointC and @Carl:

 

 

Happy Tweening!

[BHAVY J]

Thanks @mvaneijgen @Rodrigo,

I was able to do something like what I wanted, but still this does not looks perfect, is there anything I'm missing in here.
I wanted to have stagger but does not seems to be working!

See the Pen vYoExyY by bhavy123 (@bhavy123) on CodePen.

[Rodrigo]

Hi,

 

@PointC's demo is still the best alternative IMHO:

See the Pen poMJVZW by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps

Happy Tweening!