Infinite Horizontal Scrolling logos

Design help Animations & Interactions
1

I’m trying to make a loop of logos of clients I’ve had in the past. I’ve gotten so far as to get the logos scrolling across the screen in columns, but the animation doesn’t loop.

I’ve seen a few examples of this on this forum, but still can’t figure out what to do to fix this. Help?

This is the read-only version of my site, see at the very bottom there is a ‘trusted by’ section with some animated logos: Webflow - Jaimie Thom Creative

and this is one of the sites I was looking at as an example from another forum chat: Webflow - Campaign Monitor for Salesforce

Help?

Also should note: I am not an expert at webflow, and any gentle pointers on how to improve welcome.

2

To make the client logos loop seamlessly, you need to ensure that the animation is set to repeat and that the logos are positioned correctly for smooth scrolling. First, make sure the container for the logos has overflow: hidden, and the logos are in a wrapper that’s twice as wide as the container to allow them to scroll off-screen and then loop back. Use a CSS keyframe animation like @keyframes to move the logos from right to left and set the animation to infinite for a continuous loop.

3

I just solved my own issue! Who knew what a coffee and a break could do.

A quick google turned up this:

Which I just tested on my site and it works. Thanks for your help!