Uploaded April 2026 | Updated September 2026, 3 weeks ago

---

Build a 3D infinite carousel section in Wix Studio where images loop endlessly. In this Studio Byte, learn how to set up a Repeater, populate it with content, and configure it to scroll infinitely and seamlessly. Then, apply oval shape masks over the top and bottom of the image stack to create the illusion of depth, and add a custom CSS animation that keeps the carousel looping continuously. The result is a bold, editorial hero section that feels immersive and alive.

Use this code:

.marquee-track {
animation: scroll 30s linear infinite;
}

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

—

Learn more about Wix Studio:
wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com

Follow us on social media:
➔ Instagram: instagram.com/wixstudio
➔ X: twitter.com/wixstudio
➔ TikTok: tiktok.com/@wixstudio
➔ Facebook: facebook.com/WixStudio
➔ Discord: discord.com/invite/wixstudio

About Wix Studio:
Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency.

Subscribe to our channel:
➔ youtube.com/@WixStudio?sub_confirmation=1