New to Gsap

[codi]

I have been looking at videos for cc animate, but I am unsure if I need animate to accomplish this..

 

I have a hero image full screen and I am trying to have some text display. not so much animated but as follows

 

 

<div>

<span>1</span>

<span>2</span>

<span>3</span>

<span>4</span>

<span>5</span>

</div>

 

and it will just keep switching to the next text. it will only show one word at a time.

 

where would be a good place to start?

[PointC]

I would think a couple of staggerTo()s would work fine for that. If you wanted a nice fade between each one, you could do something like this:

tl.staggerFrom(yourElement, 1, {autoAlpha:0}, 1);
tl.staggerTo(yourElement, 1, {autoAlpha:0}, 1, 1);

More stagger information:

 

https://greensock.com/docs/#/HTML5/Animation/TweenMax/staggerTo/

 

A CodePen is always best if you want more detailed answers.

 

Happy tweening.