Once upon a time, it seemed like web designers and developers added drop shadows to every visual element they could. It was almost like they were getting paid by the drop shadow. Luckily that time has come and gone. Today, only the most fashionable designers and developers know to add drop shadows very sparingly Let's take a look at how to do that using only CSS.
To get started, let us use the previous example, and simply add a very subtle drop shadow to the headline font from a previous version of the author's portfolio site at http://dalejcruse.com.
In this recipe we will use some careful styling to add a tasteful drop shadow effect to some of our text.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <!--[if lt IE 9]><script src=http://html5shiv.googlecode.com/svn/trunk/html5.js> </script>[endif]--> <meta name="viewport" content="width...