ToolPilot
Diseño

Generador de sombras CSS (box-shadow)

Diseña sombras CSS en capas con vista previa en vivo y código listo para copiar.

Crea sombras suaves y realistas combinando varias capas. Ajusta el desplazamiento, el desenfoque, la propagación, el color y el inset, y luego copia el CSS.

Cargando la herramienta…
Privacidad: Una utilidad de ToolPilot rápida y privada. Tus datos se procesan localmente en tu navegador siempre que sea posible.

Cómo

  1. 1Ajusta los controles de la sombra.
  2. 2Añade una segunda capa para dar profundidad si hace falta.
  3. 3Copia el CSS generado.

Preguntas frecuentes

¿Por qué usar varias sombras?

Combinar una sombra compacta con otra amplia y suave resulta más natural que un solo desenfoque.

¿Se suben mis archivos a un servidor?

No. Esta herramienta se ejecuta por completo en tu navegador con JavaScript y WebAssembly cuando es necesario. Tus archivos y tu texto nunca salen de tu dispositivo.

Ayúdanos a mejorar

Mejoramos nuestras herramientas con regularidad. ¿Encontraste un problema o tienes una sugerencia? Te escuchamos.

Herramientas relacionadas

🎨

Selector de color + HEX/RGB/HSL

🎯

Convertidor HEX / RGB / HSL

🌈

Generador de paletas

🌊

Generador de degradados CSS