How to Make the Text Glow in HTML

Written by ryan menezes
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Make the Text Glow in HTML
CSS filters apply effects to text in Internet Explorer. (glowing text read hope image by Brent Walker from Fotolia.com)

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.

Skill level:
Easy

Other People Are Reading

Things you need

  • Text or HTML editor

Show MoreHide

Instructions

  1. 1

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

    This sentence's last word will <font>glow</font>.

  2. 2

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

    This sentence's last word will <font style = "filter:Glow()">glow</font>

  3. 3

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

    This sentence's last word will <font style = "filter:Glow(color=green)">glow</font>

  4. 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 <font style= "filter:Glow(color=green,strength=20)">glow</font>

  5. 5

    Add other style properties.

    This sentence's last word will <font style= "font-size:10px;letter-spacing:normal; font-style:normal; font-family:verdana; filter:Glow(color=green,strength=20); height:16px; width:100%">glow</font>

Tips and warnings

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

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.