Hi all, Been playing around with webflow for a while now and i want to make an infinite carousel, including 8 logo’s that slide across the page. I’ve watched many youtube videos on it and i can get it to work only to a certain extent. I have ticked the loop box but when it reaches the end of the carousel it just jumps back to the start.
Copy and Paste the (brands) so you have two of all 8
It should look something like this:
Next part: – For ease I will reference the first brands as (B0) and the second as (B1)
Change (Affect) to (Selected Element) on each of the 3 interactions you already have and make sure the (Selected Element) for them in (B0)
Last for (B0) add another (Action) after the three you have moving on the X to (0%) over (20 Sec)
Make an initial state for (B1) setting the X to (0%)
At (0 Sec) into the animation with the first animation for (B0) add a move on the X to (-100%) over (20 Sec) for (B1)
At (20 Sec) with the last action we made for (B0) add a move on the X to (-200%) over (20 Sec) for (B1)
Last at (40 Sec) make a move on the X to (0%) over (0 sec) for (B1)
The interaction should look something like this after you have done these steps:
(I highlighted the (B0) actions to help distinguish them from the (B1) actions
This could be simplified a little bit more but I broke things down so hopefully you can get a better understanding to be able to do it in future projects. If you need any more help let me know!
Been trying to follow your helpful guide, i think the morning tiredness is really getting to me! i am having a problem with the animation, everything works perfect… then it doesn’t. My interaction has the same layout, but i think there may be a few wrong bits that i can’t seem to figure out. Any help would be great!
The carousel works, then it breaks, then if you leave it to carry on it works again, so there is definitely something wrong with my triggers. Any help would be mega.
