Toolvist

Generador de box-shadow CSS

Diseña sombras box-shadow CSS visualmente con vista previa en vivo y copia la regla lista para pegar. Generador gratuito con blur, spread, inset y varias capas.

Vista previa

Generador de box-shadow CSS gratuito

El generador de sombras de caja te ayuda a crear la sombra box-shadow CSS perfecta con vista previa en vivo. Ajusta desplazamiento, desenfoque, propagación, color e inset, y copia el CSS listo para usar.

Cómo usarlo

Mueve los controles y elige un color para ver la vista previa en vivo. El CSS generado se actualiza al instante: cópialo directamente en tu hoja de estilos.

  • La vista previa refleja cada cambio
  • Activa la opción inset para sombras interiores
  • Copia el CSS exacto con un solo clic

Herramientas para desarrolladores relacionadas

Ver todo en Herramientas para desarrolladores →

También te puede interesar

Herramientas de otras categorías que suelen combinarse con Sombra de caja:

Explorar el directorio completo →