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.



1 Like

Hey thanks for taking the time,

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

1 Like

finished thank you!

1 Like

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