Frontend.fyi

Tutorial

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.

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 Text 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

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 ❤️

Eager to learn more?

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