How to Make the Text Glow in HTML

By Ryan Menezes

HTML codes various text properties, including font, color, size and spacing. CSS filters apply additional effects to text. The "shadow" filter adds a shadow. The "flip" filter flips the text around. The "glow" filter surrounds the text with a glowing color. These effects will display only on certain browsers. Therefore, many special effects for text are not built using HTML. Graphics designers often code text and publish their work as images, since the images will display the same across all browsers.

Things You'll Need

  • Text or HTML editor

Step 1

To make HTML text glow, surround your text with font tags:This sentence's last word will glow.

Step 2

Insert into the font tag the glow filter as a style property:This sentence's last word will glow

Step 3

Add the color with which you want the text to glow:This sentence's last word will glow

Step 4

Add the intensity with which you want the text to glow. The intensity ranges from 1 to 255. Try a strength of 20. Preview the text, then increase or decrease it till you get the glow you want.This sentence's last word will glow

Step 5

Add other style properties.This sentence's last word will glow

Tips & Warnings

  • CSS filters work on recent versions of Microsoft Internet Explorer. Other browsers will often display the text with no effect at all.