Infinite text carousel

General
1

Hi! Is there a way to create an infinite text carousel inside Cwicly? Every text element needs to be wrapped in a div, infinitely sliding around, the problem is that every slide is different width, so slider doesn’t work.

2

Hi @razin,

Welcome to the community! :slight_smile:

You should be able to achieve this with a bit of Custom CSS and setting up animation properties.

Here is a short video that should help you through the process: https://www.youtube.com/watch?v=6EVOaEERRj8

Here is the Custom CSS used in the video:

@keyframes bannermove {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

Hope this helps!

3

Thank you so much! All other solutions I found were so much more complicated… A+++ support :slight_smile:

4

Is there a way to “connect it to itself”? I added everything I needed, but when loading the page it starts from empty, it comes in from the side, and when it “ends” there’s a big empty space again. Can it loop?