La página empieza con dos capas de sombra. Ajusta desplazamiento, desenfoque, expansión, color, opacidad y sombra interior en cada capa, añade hasta cuatro y copia una única declaración box-shadow.
Se ejecuta localmente en tu navegadorLa página empieza con dos sombras sobre una tarjeta blanca de vista previa: 0px 18px 42px -14px rgba(31, 71, 53, 0.28) y 0px 4px 10px 0px rgba(31, 71, 53, 0.12). La vista previa y el panel de salida son la misma cadena: lo que ves es lo que Copiar CSS pone en el portapapeles.
Cada capa conserva su desplazamiento, desenfoque, expansión, color, opacidad y opción interior. Una capa nueva se deriva de la activa en vez de empezar vacía: Añadir capa suma 4px a Y, 10px al desenfoque (máximo 200) y resta 0,06 a la opacidad (mínimo 0,05), copia la expansión y el color y deja la opción interior desmarcada.
Las capas se imprimen en el orden del selector, una por línea, como un único valor box-shadow. La primera línea es la sombra que se pinta encima: en una prueba de píxeles con rojo y 24px de expansión como capa 1 y azul con 12px como capa 2, la banda de solape de 0-12px quedó roja, así que las capas posteriores solo se ven donde la anterior es más pequeña o más transparente.
Añadir capa deriva la nueva entrada de la activa (Y + 4px, desenfoque + 10px hasta 200, opacidad - 0,06 hasta 0,05, misma expansión y color, sin interior). Eliminar capa borra la fila activa y conserva al menos una; el contador muestra de 1 capa a 4 capas.
Desplazamiento horizontal y vertical de -100 a 100, desenfoque de 0 a 200, expansión de -100 a 100 y opacidad de 0 a 1. Mientras escribes, la vista previa se mantiene dentro de esos límites; al salir del campo el valor redondeado se escribe de vuelta, de modo que campo, vista previa y código siempre coinciden.
Vaciar un campo recupera el valor guardado antes en lugar de pasar a cero. Los píxeles fraccionarios conservan un decimal (12.5px sigue siendo 12.5px) y la opacidad dos; escribir x = 999 guarda 100px y blur = -10 guarda 0px.
Cada capa admite un color hex; el alfa viene del campo de opacidad, así que no hay hsl(), colores con nombre, degradados ni un segundo color. El selector exportado es fijo y el resultado es una sola declaración box-shadow, sin variables CSS ni salida por punto de ruptura.
No hay modo drop-shadow ni text-shadow, ni exportación a imagen o SVG, ni historial más allá de Restablecer. Todo se calcula en la página: en la prueba, recorrer todos los controles, añadir y quitar una capa, copiar y restablecer no envió ninguna petición de red, y la página sigue funcionando sin conexión.