Rotaing text overlaping?

[artyor]

Hi guys,

I made a simple demo where Im trying to rotate 3 spans.
My idea is that timeline overlaps, so it looks like one span is pushing other out, I tried this by using "-=1" after the first timeline is finished, but obviously it's not archiving wanted result. 

Is this even right direction to go with?

I also dont want to make it fixed for 3 spans only, there might be more. Thanks in advance.

See the Pen VwbWPGe?editors=1111 by artyor (@artyor) on CodePen

[Carl]

This demo from my course GSAP 3 Beyond the Basics should do what you need. It's flexible for any number of elements. When it loops the first item will push the last item out of the way

 

See the Pen ExVEOPa?editors=0010 by snorkltv (@snorkltv) on CodePen

try changing the duration and pause variables

 

My course has a video that explains the approach in depth but the demo should hopefully get you started.