Aplicar sombra con box-shadow CSS3

box-shadow es una propiedad de CSS3 que permite añadir sombra al elemento seleccionado, los parámetros más importantes que acepta es ...

Horizontal Shadow -> se refiere a la posición horizontal de la sombra y acepta valores negativos -

Vertical Shadow -> se refiere a la posición vertical de la sombra y acepta valores negativos -

Blur -> para emborronar la sombra

color -> el color de la sombra

Esta propiedad es compatible en  IE9+, Firefox 4+, Chrome, Safari 5+ y Opera.

 box-shadow  -> Para todos los navegadores compatibles.

-moz-box-shadow -> Para versiones más antiguas de Firefox.

-webkit-box-shadow -> Para versiones de crhome y safari

o-box-shadow -> Para versiones de Opera

Ejemplo: box-shadow: 10px 10px 10px grey; 

Obtener código para box-shadow ... 

Horizontal shadow:
Vertical shadow:
Blur:
color shadow: