|
The Glow Filter
back -
home -
Filters scripts
The Glow filter will add a radiance around an object. It
only appears around the outermost edge of the content. Different
variations can be achieved though, depending on what the filter is
applied to.
| If the filtered object has text with no
background color or image, then each text character is framed with a
glow. Here the text is set inside a <div> within a table cell, so
only the content of the div takes on the glow. <div style="filter:
progid: DXImageTransform.Microsoft.Glow (Strength='5',
color='white'); width: 150;">G L O W I N G</div> |
G L O W I N G |
| If the filtered object has a background
color or image, then the whole bounding container is framed with a
glow. Here the text is set inside a <div> within a table cell, but
this time the div has been given a colored background, so the whole
container of the div takes on the glow. |
|
| Here we have a one cell table. The
table has been given the filter. I have also applied border color
and spacing to the table to frame the contents. <table
style="filter: progid:DXImageTransform.Microsoft.Glow
(Strength='10', color='lime')" border="2" width="160" bordercolor="#FF0000"
height="100" cellpadding="2"><tr>
<td align="center" width="160" height="100"><p align="center">content
here </td></tr></table> |
|
| The only difference with this table to
the one above, is that I have now given the cell itself a background
color of white. |
|
Play around with the Strength number and the color. The
strength can go all the way up to 255 ..... but would not suggest going
that high!! If you want to see what I mean, that little, teeny weeny
table I have given as an example above, here it is with a Glow Filter
strength of 255 -
See what I mean! |
