A scrolling image marquee is a smooth way to show logos, partners, or a gallery in a continuous moving strip. This guide shows how to create an image marquee in Elementor with simple HTML and CSS. Copy the code and drop in your images.
Want to add eye-catching scrolling image effects to your Elementor sections? In this tutorial, I’ll show you how to create a smooth image marquee using simple HTML and CSS no extra plugins needed. Just copy, paste, and tweak the code below to get a clean, modern scrolling gallery in minutes.
Img marquee CSS
selector .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
Live Preview
How it works
The images sit in a wide track that a CSS keyframe animates horizontally. Duplicating the set of images makes the loop seamless, so there is no gap when it repeats. The motion is pure CSS, so it stays light and smooth.
Tips and customization
- Adjust the speed by changing the animation duration.
- Pause on hover so visitors can look closer.
- Keep image heights consistent for a tidy strip.
FAQ
Is it responsive?
Yes. The strip scales to any width and keeps scrolling.
Does it need a plugin?
No. A little HTML and CSS handle everything.
