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

What is Framer? Join the Community
Return to index
Che Harvey
Posted Jan 06 - Read on Facebook

Happy New Year everyone! I'm having a whole host of issues, so I'll ask one question at a time. I want to animate five layers (little rectangular bars) to show loading. My idea was to create five different layers, then create states for each of them and then delay the state so one would follow the other. Is there a smart way to do this? Can I trigger the next animation instead of using a delay?

1 Comments

Anton Kartashov

Hey Che, the most simple way is to use loop "for" and delay. https://framer.cloud/eibBL/

But yes, in Framer you can trigger the next animation after the previous finished. You need to use event "onAnimationEnd" or "onStateSwitchEnd". And loop "for" again ) https://framer.cloud/jYQmi/

The great article on loops and arrays in Framer
https://medium.com/framer-prototyping/code-less-achieve-more-with-arrays-in-framer-c43594d13d59

Read the entire post on Facebook