Is it possible to make the logo slider in the retailer sections of my Webflow site continuously rotate smoothly from right to left instead of changing like a regular slider?

To create a continuously rotating logo slider in your Webflow site, you'll need to implement some custom animation settings. Here’s how you can achieve this:

​

1. Design the Slider Structure 

• Add a Div Block: Place all your logos inside a single Div Block (e.g., logo-slider).
• Duplicate Logos: Consider duplicating your logos inside the logo-slider to ensure a seamless loop effect.

​

2. Set Up Overflow and Flexbox

• Set Overflow to Hidden: Ensure the logo-slider container has overflow set to "hidden" to hide logos outside the visible area.
• Use Flexbox for Alignment: Apply Flexbox on the logo-slider to align the logos horizontally.

​

3. Create the Continuous Animation

• Go to Animations Panel: Access Webflow's Interactions Panel.
• Select Page Load: Choose Page Load as the trigger for the animation.
• Add Move Animation: Create a Move animation to shift logos from the start to the end position.
• Loop the Animation: Enable the looping feature to ensure the animation repeats indefinitely.

​

4. Adjust Timing and Easing

• Set Duration: Adjust the duration of the animation to control the speed of the rotation.
• Choose Easing Options: Opt for “Linear” easing to ensure smooth, consistent motion across the logos.

​

5. Preview and Publish

• Preview Changes: Use the Preview mode to test the continuous looping effect.
• Publish Your Site: Once satisfied, publish your site to make the changes live.

​

Summary

By structuring the div with duplicated logos, setting overflow to hidden, and creating a looping move animation with linear easing, you can create a smoothly rotating logo slider in Webflow. Adjust the timing for desired speed, and enable looping for continuous motion.