Generador de Sombras CSS
Creá sombras box-shadow con vista previa en vivo.
Generador de Sombras CSS box-shadow
Crea sombras personalizadas para tus elementos con control total sobre el desplazamiento horizontal y vertical, el desenfoque, la expansión, el color y la opacidad.
Incluye la opción de sombra interna (inset) para crear efectos de profundidad hacia adentro del elemento, muy usados en inputs y tarjetas con estilo neumórfico.
La vista previa en vivo sobre un fondo cuadriculado te permite ver exactamente cómo se verá la sombra antes de copiar el código.
El código CSS generado está listo para copiar y pegar directamente en tu hoja de estilos. El procesamiento es 100 por ciento local.
Generador de Sombras CSS box-shadow
Crea sombras personalizadas con control total sobre el desplazamiento, el desenfoque, la expansión, el color y la opacidad, incluyendo la opción de sombra interna (inset).
La vista previa en vivo sobre un fondo cuadriculado permite ver exactamente cómo se verá la sombra antes de copiar el código.
El procesamiento es 100 por ciento local.