Streaming live at 10am (PST)

Is it possible to have cascading animation?


#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:


#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:


#11

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