C.5. Text Shadow

Before CSS3, the only way to do text shadows was to replace the text with images—a nasty workaround. CSS3 lets you add shadows to text with the text-shadow style. Just pass it the horizontal offset, vertical offset, optional blur radius, and color:

// horizonal offset, vertical offset, color
text-shadow: 1px 1px #FFF;

// horizonal offset, vertical offset, blur radius, color
text-shadow: 1px 1px .3em rgba(255, 255, 255, .8);