Added Text Shadow Effect on Header

Played around with the text-shadow code in the CSS file.
The basics of the text-shadow are:

text-shadow: h-shadow v-shadow blur color;

 You can use negative values for the h and v shadow.  You can also add more than one of these in each of your CSS calls.  For instance, the one that I ended out using is listed below.

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8);

Note that for color, you can use almost any system you want; named colors, the standard hexidecimal numbering system or the RGBA system that I think gives you more control.  You could get some fairly interesting effects by layering and altering the shadows.

My goal was to have my header appear embossed.  I would actually like to have it more pronounced but will have to see what I can come up with.

By the way, it doesn’t show up in MSIE at all.  Not bothering to fix it to try and get MSIE to work.  I’ll let them do that, they will have to catch up eventually.

Note: I removed this and replaced it with a graphic.


Leave a Reply