Generador de Sombras CSS - Herramienta Online Gratis
Generador de Sombras CSS
Construya una Sombra con Vista Previa en Vivo
Comprendiendo las Sombras CSS
Vista Previa en Vivo
Observe la sombra actualizarse instantáneamente en una caja de muestra mientras ajusta cada control deslizante.
Control Total
Ajuste el desplazamiento horizontal y vertical, radio de desenfoque, propagación, color y opacidad de forma independiente.
CSS Listo para Copiar
Copie la declaración exacta de box-shadow para pegarla directamente en su hoja de estilos.
Procesamiento Local
La vista previa y el CSS se generan enteramente en su navegador — ningún dato se envía jamás a un servidor.
Sombras Externas vs. Internas
Una box-shadow regular aparece fuera del borde del elemento, creando una sensación de profundidad o elevación. Una sombra interna en cambio aparece dentro del elemento, creando un aspecto presionado o hundido — útil para campos de entrada o botones que necesitan verse cóncavos en lugar de elevados.
Puntos Clave
- Cinco Propiedades Ajustables: Ajuste con precisión el desplazamiento, desenfoque, propagación, color y opacidad de forma independiente.
- Opción Interna: Alterne entre una sombra externa proyectada y una sombra interna hundida.
- Solo del Lado del Cliente: Toda la generación ocurre localmente en su navegador — ningún dato se envía jamás a un servidor.