Marquee Generator

Use this HTML marquee generator to create scrolling text or images for your website or blog.

This generator uses the marquee tag to create the marquee. This is a non-standard tag, however, it is recognized by most major browsers. If you need to create W3C compliant code, you should use CSS animations instead.

Marquee ← → ↑ ↓ Scroll Speed: Scroll Bounce Colors Text Color: Background: Padding/Margins Padding: (Inherit) Percent Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Margin: (Inherit) Auto Percent Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Text Enter Text: Scrolling text... Font: (Inherit) Arial, Sans-Serif Arial Black, Sans-Serif Corbel, Sans-Serif Geneva, Sans-Serif Helvetica, Sans-Serif 'Lucida Grande', Sans-Serif Tahoma, Sans-Serif Trebuchet MS, Sans-Serif Verdana, Sans-Serif Sans-Serif (generic) Baskerville, Serif Garamond, Serif Georgia, Serif Times New Roman, Serif Palatino, Serif Serif (generic) Comic Sans MS Copperplate Cursive (generic) Fantasy (generic) Papyrus Brush Script MT Consolas, Monospace Courier, Monospace Courier New, Monospace Monaco, Monospace Monospace (generic) Size: Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Percent OR None (Inherit) XX-Small X-Small Small Medium Large X-Large XX-Large Smaller Larger Italic Bold Small Caps Alignment: (Inherit) Left Center Right Justified Line-Height: (Inherit) Normal Percent Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Image Alt Text:

The Code Here is the code that was generated:

Customizing The CSS

The CSS is the code between the <style></style> tags. These are the codes that determine styles of your marquee. You can change the CSS properties (or add new ones) as you like.

If you intend to use the same styles across many pages (a whole website, for example), you should move them to an external style sheet.