domingo, 17 de febrero de 2013

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: