frontend.fyi

Making a CSS Only Infinite Text Marquee

If you're as old as I am, you might remember the HTML deprecated <marquee> tag. Let me show you how to rebuild it with modern CSS.

🧑‍💻 🎥
... Almost ready!

The <marquee> tag was deprecated in HTML, but that didn’t stop designers from adding it back to their websites lately. And I’m honestly super excited about this relatively new trend, because I think they look super cool!

In this tutorial I will show you how to create a CSS only infinite text marquee. Make sure to watch the video at the top of this page.

Aesthethic purposes only

Please don’t hide any useful content for the user in a marquee. This way users will struggle in finding the information they need. Marquees are for aesthetic purposes only ❤️

Ready to learn more?

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