Implementing glow tags?

[bluestarultor]

I was just futzing around on FF Wiki playing with CSS and was once more reminded of the ability to put a glow effect on text. I've had the idea bumping around for ages, but every time it came to mind, I never asked. Implementing the tags would be pretty easy and the best part is the text and glow colors can be entirely separate.

I have an example set up on FF Wiki using both our post background colors: http://finalfantasy.wikia.com/wiki/U...andbox#For_me:

The code is pretty simple. All you need for a proper glow on NPF is four passes with the same color. The code I used is here:

<span style="color:white; text-shadow: 0 0 0.2em #0080FF, 0 0 0.2em #0080FF, 0 0 0.2em #0080FF, 0 0 0.2em #0080FF">This is a glow test.</span>

In a more general sense, the needed code to implement it here would be:

<span style="text-shadow: 0 0 0.2em {color}, 0 0 0.2em {color}, 0 0 0.2em {color}, 0 0 0.2em {color}">[text goes here]</span>

I just thought I'd throw that out there.


As a warning, it doesn't work in Explorer. IE has some other, much more complex, means of getting the same effect. I assume it works in most other browsers, though, since they're more CSS-compliant.