Generador de Box-Shadow CSS

Crea un valor de box-shadow con vista previa en directo. Apila hasta cuatro capas, ajusta cada una con deslizadores y obtén un fragmento listo para copiar. Preajustes Soft / Material / Neumorphic / Glow para empezar. Todo permanece en tu navegador.

Preajuste

Suave Medio Duro Material 1 Neumorphic Brillo Inset pulsado

Lienzo Relleno de la caja Radio px Tamaño 200 px

Capas (renderizadas de atrás hacia adelante) + Añadir capa

Aún no hay capas — elige un preajuste o añade una.

CSS Formato de color rgba() rgb() hex (#rrggbb) hex con alfa (#rrggbbaa) Copiar

none

—

Las capas se renderizan de atrás hacia adelante, igual que en CSS. La vista previa es un box-shadow en directo; el CSS en el recuadro de arriba es exactamente lo que pegarías en tu hoja de estilos. 100% del lado del cliente.