HTML Marquee Generator

The classic scrolling-text effect, generated two ways: the original tag, or a modern CSS animation that works everywhere the tag is deprecated.

Live Tool

Marquee text

Code style

Classic <marquee> tag Modern CSS animation

Behaviour

Scroll Slide & stop Bounce

Speed (1 slow – 10 fast)

Text colour

marquee.html Live

Copy Code

Preview

1How To Use

Follow these steps — no coding experience needed.

1. Write your messageKeep it short — long marquee text is harder to read while moving.
2. Pick a code styleThe classic tag is the fastest one-liner; the CSS version is the modern, standards-based equivalent.
3. Choose the motionScroll loops continuously, Slide stops once, Bounce moves back and forth.
4. Copy and pasteBoth versions are fully self-contained — no extra setup needed.

2Example Output

What this code looks like once it's on a real page.

🔥 Free shipping on all orders over $50 — today only!

3Browser Compatibility

Browser	Support	Notes
Chrome	✓ Supported	still renders; CSS version is standards-based
Firefox	✓ Supported	still renders; CSS version is standards-based
Safari	✓ Supported	still renders; CSS version is standards-based
Edge	✓ Supported	still renders; CSS version is standards-based
Best practice	⚠ Partial	is non-standard — the CSS version is recommended for new projects

Supported in every current browser — Chrome, Firefox, Safari, Edge and Opera all render this identically, on both desktop and mobile.

→Related Pages

More tools that pair naturally with this one.

Marquee CodesHTML Marquee Tag ReferenceMarquee CodesCSS Marquee (Modern Equivalent)Marquee CodesScrolling Text EffectMarquee CodesBouncing Text Effect