Generador CSS Box Shadow
Ajusta box-shadow visualmente con sliders. Multi-capa, inset, vista previa, copiar CSS con un click.
100% Gratis
Sin registro
Solo navegador
5 idiomas
Modo oscuro
Capas de sombra
Vista previa
12px
CSS
Preajustes
❓ Preguntas frecuentes
¿Dónde lo pego?
Dentro de cualquier selector CSS. Ej: .card { box-shadow: ... }
¿Qué es inset?
Dibuja la sombra dentro del elemento. Útil para botón presionado
¿Para qué combinar varias sombras?
Una sombra cercana suave + una más lejana crea profundidad realista (Material / Apple HIG)
🐛 ¿Encontró un problema con esta herramienta?
Gratis, sin registro. Incluso solo los pasos para reproducir ayudan. Los informes van directamente al operador y se usan para corregir.
✅
¡Gracias por tu reporte!
Tu reporte llegó al operador y se usará para mejorar.