In this tutorial I show you step-by-step how to create a image carousel with infinite and smooth scrolling using only Elementor and a bit of Custom CSS.
It is a simple and lightweight way to display logos, projects or websites without relying on external extensions.
The idea is to achieve a professional and smooth effectsimilar to many modern agency sites, where images are continuously moving in a loop.
🎥 Video tutorial
https://www.youtube.com/watch?v=SqnDoAPKGv0
💻 Carousel CSS Code
Copy and paste this code directly into the Custom CSS of the widget or container in Elementor.
selector .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-moz-transition-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
If you want more tutorials like this one, subscribe to my YouTube channel y follow me on Instagram not to miss the next tips on web design and Elementor.