NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : box-shadow

23 de Diciembre del 2015 por Josep Antoni Bover2930 visitas, 0 comentarios, 1 voto con una media de 5 sobre 5.
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad permite especificar una o mas sombras para la caja / contenedor. Cada sombra se define con un maximo de 6 valores, los dos primeros son la posición horizontal y vertical de la sombra, luego el desenfoque y la propagación, y por ultimo el color y el tipo de sombra.


Sintaxis

box-shadow: Horizontal Vertical [opcional] Desenfoque [opcional] Dispersion [opcional] Color [opcional] Tipo;
Los tamaños omitidos se quedaran en 0, el color si se omite se quedara transparente y el tipo en outset.
Horizontal Posición horizontal para la sombra. Se permiten valores negativos, en este caso un valor negativo ira hacia la izquierda.
Vertical Posición vertical para la sombra. Se permiten valores negativos, en este caso un valor negarivo ira hacia arriba.
Desenfoque [opcional] Distancia del desenfoque.
Dispersión [opcional] Tamaño de dispersion para la sombra.
Color [opcional] Color para la sombra. Para mas información sobre los colores en CSS visita este enlace Referencia CSS : Colores.
Tipo [opcional] Tipo de sombra que puede ser inset o nada. Por defecto no es nada por lo que la sombra se hace hacia fuera.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3, además también se soporta en Internet Explorer 9.

Soportado a partir de la versión 10
Soportado a partir de la versión 4
Soportado a partir de la versión 10.5
Soportado a partir de la versión 5.1
Soportado a partir de la versión 9

Documento modificado por última vez : 23/12/2015
Ejemplo modificado por última vez : 18/07/2013

Enlaces relacionados