Adding a delay inside an animation and looping

I want a delay in the middle of an animation (not the delay before an animation), not sure how to achieve this?

Essentially it’s a button that shakes, then waits for 3 seconds then shakes again. The delay currently delays when it starts and the repeat loops it quickly over and over without a delay in it.

Also is there a way to loop animations ongoing?

I don’t think there is a repeat delay option. But there is one trick you can easily implement delay anywhere within the animation.

Just add one more transition to your interaction and assign a position and duration as you need. Place it as where animation ends but do not assign any property.

Check the image below it might help.

1 Like