CSS Scrolling Marquee Generator

Enter text and speed to generate a smooth, modern CSS-only scrolling ticker banner.

The old HTML `` tag has been deprecated for years, but a scrolling ticker effect is still a legitimate design pattern for news banners, announcement bars, or a scrolling list of sponsor logos — modern CSS animations recreate the effect properly.

Enter your ticker text and desired scroll speed, watch it animate live in the preview, then copy the ready-to-use HTML and CSS using a `@keyframes` animation that smoothly translates the text from right to left in a continuous loop.

Because this uses standard CSS transforms rather than the old deprecated tag, it works reliably across all modern browsers and can be styled freely with any font, color, or background you want.

Because everything runs locally in your browser, results appear instantly and nothing you type or upload is ever sent to a server.

Bookmark this page if you expect to use this tool regularly — it loads fast and behaves the same way every time, with no account needed.

This kind of task shows up constantly in everyday writing, coding, design, and admin work, which is exactly why a dedicated, focused tool saves so much back-and-forth.

A tool that does one job well, without a cluttered interface or unrelated features competing for attention, tends to be faster to use than a heavier all-in-one app.

Frequently asked questions

Is this the same as the old tag?

No, the old marquee tag is deprecated and its behavior varies across browsers; this generates a modern CSS keyframe animation that works consistently everywhere.

Can I make it scroll in the other direction?

Yes, reverse the direction by adjusting the translateX values in the generated keyframes — starting at -100% and animating to 100% scrolls the opposite way.