Is it possible to have cascading animation?

Community resources General
1

Hi,

I would like to have some elements on my page appearing one after the other once their container is in the viewport:

Animation on item 1 finish → Same animation on item 2 start
Animation on item 2 finish → Same animation on item 3 start
…

You get the point

Is there an easy way to do that rather than manually timed each item?

thx in advance for your answer

2

I don’t think this is possible. There is no condition of “when some animation finished” unfortunately

3

Any known hack possible?

4

Custom animations only I am afraid. Or javascript to target ix2 but that’s not that easy.

5

Thx for your answer!

Do you have some resource about hacking in ix2 with javascript? :slight_smile:

6

I do not unfortunately, you may try using search to see if anything useful comes up.

7

That will do.

Thx a lot :slight_smile:

8

A potential way to do this natively would be just add a delay to every subsequent animation. You’d basically just figure out how long animation 1 runs for and then delay animation 2 by that amount. If I understood your question :slight_smile:

9

That’s what @QuentinPlomteux tried to avoid from the beginning :smiley:

1 Like
10

Hi Austin,

That’s one way to do it but the items I want to play with will change every month. I don’t want to redo the animation everytime my client update it’s site. (manually or with a collection for instance)

thx anyway :slight_smile:

1 Like
11

Ohhhh @QuentinPlomteux & @dram I definitely missed that :sweat_smile: sleep eyes… I just woke up :joy: