frontend.fyi

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!

🧑‍💻 🎥
... Almost ready!

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.

Ready to learn more?

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