Streaming live at 10am (PST)

Fade in interraction

Is there a way I can create the effect where every line os revealed (fade in would also work fine) after each other with a small delay on every line.

Like in the INTRO on this website:

This is defiantly possible.
How I would do it is to place each line of text in a separate div that has a fixed hight.
Set overflow to hidden.
Create a page interaction, (Page trigger > Page load > When page finishes loading).
Set a default Move to the text within the div to move down a 100%.
Then Move up 100% with a set delay time, for each text line a diff time delay (make sure to give each text block a class name).

1 Like