I wanted to create an animation where arrow appears and pointing down constantly.
From 0 to 2 seconds, the arrow appears slowly and from there I want the arrow to move down and up repeatedly.
Because of the 0 to 2 seconds timeframe, I can’t loop it.
What’s the best way to do this?
Oh sorry, when you click the lightning bolt there’s toggle for Legacy. It has a loop checkbox in the animation sections:
After toggling that, you’ll need to re-click your element to trigger the list. Click the (+) sign in top right corner. You can even add 1 interaction to multiple elements. So a hover animation, can be used on multiple divs, buttons, etc. And you can restrict the action to only siblings. The one backdraw is, in some cases you may want to use combo classes; you can’t natively use combo classes, you’ll need to add unique classes.