Generador Box Shadow CSS Gratis: Sombra de Caja Visual Online
2 usos5px
5px
15px
0px
30%
Consejos Box Shadow
Ajustar visualmente
Mueve los controles para X offset, Y offset, blur radius, spread y color. La vista previa se actualiza en tiempo real.
Copiar código CSS
El código box-shadow se genera automáticamente. Cópialo con un clic para tu hoja de estilos.
Sombra interna (inset)
Activa inset para crear una sombra interior. Útil para efectos de profundidad y campos de formulario.
Preguntas frecuentes
¿Cómo crear una sombra CSS?
Ajusta los controles: X/Y offset (dirección), blur (difusión), spread (extensión), color y opacidad. La sombra se actualiza en vivo.
¿Qué es inset?
La sombra se proyecta hacia dentro de la caja en vez de hacia fuera. Crea un efecto de profundidad.
¿Puedo copiar el código?
Sí, el código CSS se muestra y se copia con un clic.
Cómo Usar
- Ajusta offset X e Y
- Configura blur y spread
- Elige color y opacidad
- Activa inset si quieres sombra interior
- Copia el código CSS