Convertidor Gratuito

Generador de Box Shadow

Genera visualmente CSS box-shadow con vista previa en vivo. Agrega múltiples capas de sombra, ajusta desenfoque, expansión, color e inserción — gratis y del lado del cliente.

Vista Previa en Vivo
Preview
Salida CSS
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Capa 1

Desplazamiento Horizontal4px
-50px50px
Desplazamiento Vertical4px
-50px50px
Radio de Desenfoque16px
0px100px
Radio de Expansión0px
-50px50px
Color de Sombra
#000000
Opacidad25%
0%100%
Inset
outset

Acerca de esta herramienta

Cree y personalice contenido con Box Shadow Generator directamente en su navegador. Configure sus preferencias, genere el resultado y descargue o copie el resultado. Todo se ejecuta desde el lado del cliente: sus datos permanecen privados y el procesamiento es instantáneo.

Cómo usarla

  1. Configure los ajustes y las opciones para que se ajusten a sus necesidades.
  2. Haga clic en Generar para crear su salida.
  3. Obtenga una vista previa del resultado y realice ajustes si es necesario.
  4. Descargue el archivo de salida o cópielo a su portapapeles.

Preguntas frecuentes

¿Puedo personalizar la salida generada?
Sí. La herramienta proporciona varias opciones de personalización para adaptar el resultado a sus necesidades específicas. Ajuste la configuración antes de generar o regenerar con diferentes opciones.
¿El contenido generado es de uso gratuito?
Sí. Todo lo que genere con esta herramienta es suyo para utilizarlo con fines personales, educativos o comerciales sin restricciones ni requisitos de atribución.
¿Esto requiere una cuenta?
No. La herramienta está lista para usarse inmediatamente sin necesidad de registrarse, enviar correo electrónico ni registrarse. Simplemente abre la página y comienza a generar.
¿Mis datos de entrada se mantienen privados?
Sí. Todo el procesamiento ocurre en su navegador. Sus datos de entrada y salida generada nunca se envían a ningún servidor externo.