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

What is Framer? Join the Community
Return to index
Øyvind Nordbø
Posted Mar 12 - Read on Facebook

Hello everyone! I'm working on a shake animation for an interface I'm building, and I'm trying to chain together a few animations to trigger after one another, and then stop after (n) amount of iterations, but I can't seem to figure out how to pull this off.

Maybe there is a way how I can count the amount of animation iterations and then stop after a certain amount?

Here's a sample project I tried to get to work, and it eventually just ended up as an infinite loop.. 😅 http://share.framerjs.com/2mbws6ppmx11/

3 Comments

Krijn Rijshouwer

Hey Øyvind Nordbø,

You are going to want to make a function with in it a counter that runs the animation until it reaches the limit. I made you a little example with some comments → http://share.framerjs.com/14q6z4yvc9d7/

Ehren Miller

Here's something I put together a while ago: http://share.framerjs.com/u29wn9kyx1vv/

Ehren Miller

The key is adding a counter that ticks up every time a shake is completed, and an if/then condition.

Read the entire post on Facebook