Probably missing something obvious, here’s the problem/question:
Setting up an animation that will feature a grid of 9 html widgets (in 3 rows of 3) - the concept is that the first row (main timeline) becomes visible first, with the second and third rows animating as they scroll into view (on enter viewport starts their timelines.
The animation is working correctly, but the problem is that the second & third timelines are both showing the html widgets even though they are set to opacity 0 on the main timeline and they each have opacity set to 0 on their individual timelines until their animations begin at 1 and 1.5 seconds.
What am I missing? The second and third rows should not be visible until they scroll into view.
Here is the file if anyone cares to take a look and point me in the right direction.
nine-up-grid.hype.zip (13.8 KB)