Looping animations

Design help General
1

This has come up a few times for me recently and I can’t quite understand when ‘loop’ does and doesn’t work on an interaction - I’m wondering if anyone can have a look at this example for me:

https://preview.webflow.com/preview/cardanim?preview=285b012ee75a02b2c87678e061b84855

Obviously just a test… all that should happen at the moment is the card on the right appears, waits a while, and then disappears. I intended to make this loop, and eventually have all three of them doing this repeatedly in a staggered fashion - so the last ‘wait’ would be a lot longer, but leaving like this so you can see quicker that it doesn’t loop :stuck_out_tongue:

Screenshot of interaction panel in case diagnosis is obvious (it also has initial state of 0% opacity and scale 0.78):

474×764 27.8 KB

Any help much appreciated.

Here is my public share link: LINK
(how to access public share link)

2

I fixed it. I had a 0ms transition time associated with the second scale and removing that made it loop. Not quite sure what that’s about but maybe jarring with the 1000ms part? IDK. If anyone has learnt any general rules about this I’d still be very interested.

1 Like
3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.