Frontend.fyi

Tutorial

Can we Make A CSS Only Infinite Logo Marquee With ZERO Repeating Logos?

In this video we'll be taking the text only marquee of last week to the next level!

Try it yourself in our playground

Follow along with the tutorial, or just play around with the code. PRO members can fork this code and save it to their account.

User avatar

Jeroen Reumkens PRO

CSS Only Logo Marquee

Unlock Playgrounds

Build, test and share frontend ideas right in your browser.

Choose a plan

Cancel anytime. Playgrounds are also included in PRO. Upgrade later and we credit 100% of your first 3 months and 50% of the rest toward it.

Already a member? Log in

Last week we created a text marquee using only CSS. This marquee was using an old trick to mirror the contents and swap the animation back to the start exactly halfway.

Though there’s nothing wrong with this approach, I really had the urge to make a marquee where there was no mirroring of the content needed. That’s exactly what we’ll be exploring in this tutorial.

We will be creating a infinite logo marquee, with CSS only, and no repeating logos. This is a fun challenge and I’m excited to show you how to do it!

Watch the video above the playground to see how I did it.

Eager to learn more?

I think this video might be a good fit for you too!