Text-shadow can be used for a bit more than just drop shadows, you can create inset and outset effects with it as well. The trick to out/inset is simply adding lighter or darker areas with a similar shape to the text somewhere near it. That is, coincidentally, exactly what a text shadow does.
color:black; text-shadow: 2px 2px 0px white;
This is inset text.
color:black; text-shadow: -2px -2px 0px white;
This is outset text.
Yep, you’ll need Safari/WebKit to see that. Unsure if KHTML on the Linux side can even show it.
Bookmark/Search this post with:
I can’t see it. I’m using Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10. This a Safari/Opera thing?
i think text-shadow is actually a CSS2 spec, so i’m surprised it’s not more widely supported. you can also create cool glowing effects by setting the blur value very high and the vertical/horizontal offset to 0px (great for :hover states).
a:hover { text-shadow: 0px 0px 5px blue; }