Streaming live at 10am (PST)

Falling Text Animation, On a Loop


Hi everyone,

I'm trying to figure out how to animate about 5 text layers. I want them to fall into place interchangeably.
If anyone can point me in the right direction that would be awesome.
Check out the public share link.

More detail:

Currently I'm just trying to get it right with 2 layers.

I've made 2 separate divs with text layers in them.
The divs are in the same x and y position.
Both are about 25px above there origin position.
I have both animated to drop 25px down to the origin.
They are on timers, to make them change.
The text layers need to be on a loop. Consistently changing, every 3 seconds.

Viewport Div:
Text1 is there to start, stays there for 3 seconds,then it drops down outside the viewport div.
Text2 drops in from above simultaneously. Stays for there for 3 seconds, then drops outside the viewport div.

This would be repeated for all 5 text layers, then restart again.

I'm stuck! Does anyone know of a better way to accomplish this?

Thanks in advance,

Here is my public share link: LINK


Hey @codyarsenault

Why not using the slider widget for this ?

Just add a slider with 5 slides for your texts, then make an interaction using the slider trigger.

Feel free to ask if you still need help.




Hey thanks for taking the time,

Didn't think of that! I'll try it out


finished thank you!


This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.