Generador de sombras CSS

box-shadow: 2px 2px 5px #333333;
-moz-box-shadow: 2px 2px 5px #333333;
-webkit-box-shadow: 2px 2px 5px #333333;

Longitud horizontal： 2px

Longitud vertical： 2px

Radio de desenfoque： 5px

Color de sombra：

Color de fondo：

Sombra interior： SÍ NO

¿Qué es el generador de sombras CSS?

La herramienta de depuración en línea de efectos de sombra de borde CSS proporciona una herramienta de depuración y vista previa en línea para efectos de sombra de borde CSS3. Puede configurar las propiedades de sombra de cuadro CSS3 hasta lograr el efecto deseado.

Propiedad box-shadow de CSS3

box-shadow: h-shadow v-shadow blur spread color inset;

Valor	Descripción
h-shadow	Obligatorio. Posición de la sombra horizontal. Se permiten valores negativos.
v-shadow	Obligatorio. Posición de la sombra vertical. Se permiten valores negativos.
blur	Opcional. Distancia de desenfoque.
spread	Opcional. Tamaño de la sombra.
color	Opcional. Color de la sombra. Consulte la lista completa de valores de color en los valores de color CSS.
inset	Opcional. Cambia la sombra de externa (al inicio) a interna.