SPICING UP YOUR FONTS AND TEXT - Practical CSS3: Develop and Design - page 88

FIGURE 3.9 A more
“embossed” effect.
FIGURE 3.10 The text is now
really flying off the page!
Yo u c a n a l s o u s e a m o r e s u b t l e c o l o r t h a t b l e n d s b e t t e r w i t h t h e b a c k g r o u n d
behind the text to give the text an embossed effect, and use negative offset values
to change the light direction ( Figure 3.9 ):
h2 {
text-shadow: -1px -1px 1px gray;
}
Or perhaps create a much bigger blur and offset the text to make it look like it
is about to fly off into space ( Figure 3.10 ):
h2 {
text-shadow: 5px 5px 10px black;
}
MULTIPLE TEXT SHADOWS
Yo u ' l l b e e c s t a t i c t o k n o w t h a t y o u c a n a l s o u s e m u l t i p l e t e x t s h a d o w s o n t h e s a m e
selector, like so:
text-shadow: 0 0 2px #000,
0 0 2px #aaa,
0 0 4px #999,
0 0 6px #888,
0 0 8px #666,
0 6px 6px rgba(0,0,0,0.5),
0 8px 20px rgba(0,0,0,0.5);