Inicio
🔳
Generador de CSS Box Shadow
Generador gratuito de CSS box-shadow con vista previa en vivo. Crea sombras bonitas visualmente con múltiples capas, sombras internas y colores personalizados. Copia el código CSS al instante.
Cómo usar
Usa los controles deslizantes para ajustar desplazamiento, desenfoque, expansión, color y opacidad de la sombra. Visualiza la vista previa en tiempo real. Añade múltiples capas de sombra para efectos complejos. Copia el código CSS generado con un clic.
- Editor visual de sombras con vista previa en vivo
- Controles de desplazamiento, desenfoque, expansión, color y opacidad
- Soporte para múltiples capas de sombra
- Opción de sombra interna (inset)
- Copia del código CSS con un clic
Casos de uso
- Diseñar sombras para tarjetas, botones y componentes UI
- Crear efectos de sombra multicapa para diseño web moderno
- Generar código CSS box-shadow sin escribirlo manualmente
- Experimentar con sombras internas y colores de sombra