Streaming live at 10am (PST)

Looping animation


#1

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?


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


#2

Use IX1 Legacy and loop it.


#3

Sorry, I am new to Webflow. What’s IX1 Legacy?


#4

Oh sorry, when you click the lightning bolt there’s toggle for Legacy. It has a loop checkbox in the animation sections:

interactions-1

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.

Hope that helps.


#5

Thanks!
It’s bit complex, but glad to know there are more options.


#6

Yeah, it takes some getting used to, but it’ll be worth learning both interactions. Both have great pros. Good luck with it.