Generador de box-shadow

Crea un box-shadow en CSS y previsualiza el resultado.

Tip: copia el resultado en 1 clic.

Offset X (px)

Offset Y (px)

Blur (px)

Spread (px)

Color

Opacidad (0.18)

Tipo

CSS

box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.18);

Tip: combina varias sombras separándolas por comas si quieres un efecto más realista.

Datos que necesitas

box-shadow: [inset] x y blur spread rgba(...).

Utilidades informativas. No garantizan seguridad total ni sustituyen auditorías técnicas.

Categoría: Tech. Utilidad online con supuestos claros y lenguaje sencillo. Algunas utilidades dependen del país.

¿Qué necesito para usar Generador de box-shadow?

Necesitas estos datos: Offset X/Y, Blur, Spread, Color, Opacidad, Inset.

¿Cómo se calculan los resultados?

box-shadow: [inset] x y blur spread rgba(...).

¿Los resultados son oficiales?

No. Son estimaciones orientativas con supuestos simples. Requiere revisión profesional.

Genera contraseñas seguras online con longitud y caracteres a medida.

Valida la fuerza de tu contraseña y recibe recomendaciones.

Evalúa visualmente la seguridad de una contraseña en segundos.