How to get row of logos to continually move in one direction

Great question @sparky setting up looping animations can definitely be tricky!

I took a look at your site and noticed a few items:

  1. Your div for logos needs to be set to overflow: hidden to prevent any odd overflow issues:

  2. Make sure that the timelines are the same for both sets of animations so that they’re on the same timespan rather than having one on 30 seconds and another on 15 seconds as that will cause the animation to be un-synced.

  3. Make sure that the offsets are by 100% rather than 110% as that could cause some odd timing issues with the animation

I hope that this is helpful! It sounds like a tutorial may be helpful in achieving the desired effect, let me see if I can get one of those put together :bowing_man:

1 Like