How to Make the Text Glow in HTML

Updated March 23, 2017

HTML codes various text properties, including font, colour, 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 colour. 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.

To make HTML text glow, surround your text with font tags:

This sentence's last word will glow.

Insert into the font tag the glow filter as a style property:

This sentence's last word will glow

Add the colour with which you want the text to glow:

This sentence's last word will glow

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

Add other style properties.

This sentence's last word will glow


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

Things You'll Need

  • Text or HTML editor
bibliography-icon icon for annotation tool Cite this Article

About the Author

Ryan Menezes is a professional writer and blogger. He has a Bachelor of Science in journalism from Boston University and has written for the American Civil Liberties Union, the marketing firm InSegment and the project management service Assembla. He is also a member of Mensa and the American Parliamentary Debate Association.