Streaming live at 10am (PST)

Falling Text Animation, On a Loop


#1

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.

Example:
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,
Cody


Here is my public share link: LINK


#2

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.

Regards,

Blaise


#3

Hey thanks for taking the time,

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


#4

https://www.shieldinternational.net/

finished thank you!


#5

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