NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : box-shadow

18 de Abril del 2018 por Josep Antoni Bover. 3169 visitas, 0 comentarios, 1 voto
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.

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 : 18/04/2018
Ejemplo modificado por última vez : 18/07/2013

Enlaces relacionados