La propriété CSS 3 "Shadow"

Box-shadow

-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #000;
box-shadow: 5px 5px 5px #000;

• La première valeur indique le décalage horizontal vers la droite (ici 5px)
• le deuxième correspond au décalage vertical vers le bas (ici 5px)
• le chiffre suivant indique la force du dégradé (ici 5px)
• et enfin, la couleur (ici #000)

Text-shadow

text-shadow: 2px 2px 4px #000;

• La première valeur indique le décalage horizontal vers la droite (ici 2px)
• le deuxième correspond au décalage vertical vers le bas (ici 2px)
• le chiffre suivant indique la force du dégradé (ici 4px)
• et enfin, la couleur (ici #000)

Double effet : bouton "off"

box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 1) inset, 0px 2px 2px 0px rgba(0, 0, 0, 1);

Double effet : bouton "on"

On inverse les attributs :

box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 1) inset, 0px 2px 2px 0px rgba(255, 255, 255, 1);