Text infinity loop with right side animation

[PereraLihini]

Hi, I am new to GSAP. Can you please help me to make this span infinite? Here it's looping when I am adding <span> tags, but that is not the right thing I guess. can you please help me? 

See the Pen XWLdEyB by Lihini-Perera-the-styleful (@Lihini-Perera-the-styleful) on CodePen.

[mvaneijgen]

Hi @PereraLihini welcome to the forum!

 

This is a feature that gets asked so often that there is a whole helper function on the docs which has build in features for what gets asked the most, check it out! Hope it helps and happy tweening! 

 

https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop

[PereraLihini]

@mvaneijgen Thank you. But I need to do it as automatically those texts need to go left to right. Need infinity loop. It cannot be stopped after finishing the span.

[Rodrigo]

Hi,

 

That is exactly what the Horizontal Loop helper function does

 

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

 

Happy Tweening!

[PereraLihini]

@RodrigoThank you so much