Generador de Box Shadow CSS
Diseña sombras CSS ajustando desplazamiento, desenfoque, expansión y color.
box-shadow: 0px 12px 30px -8px rgba(15, 23, 42, 0.25);Cómo funciona
Ajusta los controles de desplazamiento horizontal y vertical, desenfoque, expansión, color y opacidad. El código box-shadow se actualiza en tiempo real.
Preguntas frecuentes
¿Puedo crear una sombra interior?
Sí. Activa la opción inset para convertir la sombra en interior.
¿Qué código genera?
Genera una declaración CSS box-shadow lista para copiar.