Logo slider with continuous animation

In this tutorial we are going to create Showcase type slider, with a continuous animation, but you can use the carousel slider type to create a logo slider as well.

The result will look like this:

1

Creating the slider

First let's create a new Showcase slider:

I'll use 200x200px large images, so I'll set the slide and slider size to 200x200px, but you can set your own, and you can change them later at the Slider settings 🠒 Size tab:

Let's remove the bullets, as for this slider, they are not needed.

When this is set up, add your slides using the Add image slide button or if you have the images in your computer, you can simply drag'n'drop them. 

2

Autoplay and animation

Set up the Autoplay at the Slider settings → Autoplay tab. Set the interval to 1MS.

3

Smoothing the animation

The animation can be adjusted at the Slider settings → Animation tab

Let's set the Duration to some large number. The larger the number, the slower the animation will be, and the shortest animation that looks smooth is 2000MS, and set the Easing to linear to achieve the smoothest result.

Preview your slider, and if you like the result, you can save and publish it.