I’ve fixed your html, so everyone can see it. Nice bit of code, it’s somewhat similar to what I tried with my IE solution.

Your code looks great at large font-sizes, but because all the effects are done on the text itself, instead of a duplicate behind it, it tends to blur the text too much, imho. Cheers for another solution though!


<b style="
display:block;
width: 8em;
height: 2em;
font: bold 160pt Georgia;
color:#ddd;
padding:.5em;
filter:
dropshadow(offX=1 offY=-2)
dropshadow(offX=2 offY=2)
shadow(strength=5)
blur(direction=45 strength=3)
blur(direction=135 strength=3)
">
Troy III
</b>


in IE 10 or 11?! (I’ve just wrapped it up from what I could remember from 11 years before ).

This is a previous century technology 1997 and it’s an ancient IE4 capability. (preview this in any IE4.01 &< ) do you think that browsers are at last (after 11 years) finally caching up with IE4?

Tag soup to emulate a CSS property. And it’s not even a graceful enhancement ( JS based ), it’s an accessibility mayhem.

Experimental pushing of the envelope is a powerful thing. Perhaps this is not something that would/should be used in a real-world application, but pressing boundaries and unleashing creative solutions to problems opens up new possibilities. And, don’t be a jerk.

@killian,

Thanks for sharing. Take care.