Generador de Sombra Box CSS

Generador de Sombra Box CSS

Diseña hermosas sombras de caja visualmente con una vista previa en vivo. Añade múltiples capas de sombra, ajusta desplazamientos, desenfoque, extensión y color, luego copia el CSS — no se necesita codificación manual.

Cómo utilizar

Ajusta los deslizadores para el desplazamiento horizontal y vertical, el radio de desenfoque, la extensión y la opacidad. Activa la opción interior para sombras internas. Añade hasta 10 capas de sombra para efectos complejos. Usa la galería de preajustes para puntos de partida rápidos como neumorfismo, efectos de resplandor o tarjetas elevadas. Copia el CSS generado cuando estés listo.

Características

• Vista previa en vivo – Ve tu sombra aplicada a una caja de muestra en tiempo real mientras ajustas los parámetros
• Múltiples Capas – Apila hasta 10 capas de sombra para efectos complejos y realistas
• Sombras Interiores – Alterna entre sombras exteriores e interiores (interiores) por capa
• Color y Opacidad – Selector de color completo con control de opacidad para cada capa de sombra
• Galería de Preajustes – Sombra suave, sombra dura, neumorfismo, tarjeta elevada, botón presionado, efecto de resplandor y más
• Copiar CSS – Copia con un clic del código CSS completo de la sombra de caja