0 FPS
Propiedad CSS : box-shadow
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 : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020