Words from Alejandro U. Alvarez
Posts tagged shadow
Stylish CSS trick for your Website
Oct 19th
Maybe a few of you noticed this on some websites, maybe some of you even use it.
Right now this works in Safari, Opera, and Konqueror and Firefox 3.x. (I think it doesn't work in Firefox 1 or 2, correct me if I'm wrong)
What I'm talking about is the text-shadow, wisely applied to your design, it can give an great touch of elegance to your site.
Here you have an example:

And here you have a coded example:
The code
The CSS for this is very simple, we will simply apply a slight text-shadow, of 1px with no blur, to the text:
.elegant{ text-shadow:#FFFFFF 0 1px; }
This effect works best with dark grey text over light grey background, and it is a very useful style for "2.0" designs.
Hope you enjoyed it!
Alex