ToolPronto

Generador de box-shadow

Generador de box-shadow crea CSS válido con controles visuales sincronizados.

Los archivos y el contenido permanecen en este dispositivo.

Los favoritos se guardan solo en este navegador.

Generador de box-shadow

Generador de box-shadow crea CSS válido con controles visuales sincronizados.

Opciones 1
box-shadow: 0px 12px 30px 0px rgb(23 32 27 / 22%);Procesado solo en este navegador.

Qué hace Generador de box-shadow

Generador de box-shadow crea CSS válido con controles visuales sincronizados. Los archivos y el contenido permanecen en este dispositivo. La vista previa no sustituye pruebas entre navegadores ni una revisión de accesibilidad.

Usos habituales

  • Usa la herramienta para crear una sombra CSS.
  • Usa la herramienta para ajustar box-shadow.
  • Usa la herramienta para copiar el código de la sombra.

Cómo usarlo

  1. Añade el archivo, texto o ajuste que necesites.
  2. Configura las opciones y revisa el resultado.
  3. Copia o descarga el resultado cuando esté listo.