Generador de sombras CSS

Diseña sombras CSS con deslizadores. Vista previa en vivo, copia el código.

Vista previa

Desplazamiento X 0px

Desplazamiento Y 8px

Desenfoque 24px

Expansión 0px

Color

Opacidad 25%

Interior (inset)

CSS

Privado por arquitectura: esta herramienta funciona por completo en tu navegador. Nada se sube a ningún lado.

Preguntas, respondidas.

¿Qué genera?

Un valor de box-shadow listo para pegar.

¿Qué es inset?

Una sombra interior en lugar de exterior — actívalo para ver la diferencia.

Formatea, valida y minifica JSON al instante en tu navegador. Nada se envía.

Convierte un array JSON a CSV y descárgalo. Objetos anidados aplanados.

Codifica texto a Base64 o decodifícalo de vuelta. Rápido, local, sin tonterías.