This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Nir Benita
Posted Apr 06 - Read on Facebook

Hi guys!

I have an array of 5 elements, and I want - on event - to run the same animation on each of the elements, with an incrementing delay.

Basically, I'm trying to get a collapsing effect.

I'm super new at this and will appreciate any help.
Thanks!

3 Comments

Johannes Eckert

Here's the concept: for loop going over all elements with index (for layer, index in layers). In there use Utils.delay .5*index to get a staggered effect. I'm sure there was a framer example with that

Johannes Eckert

this does pretty much the same thing: http://framerjs.com/examples/preview/#delayed-animations.framer#code
It creates the staggered effect by using the delay property on animate — which is handy, but doing the same as using Utils.delay

Nir Benita

You're amazing! Thanks :)

Read the entire post on Facebook