Skip to content

Generador de Sombras de Caja

Generador gratuito de box-shadow CSS. Diseña sombras con deslizadores para desplazamiento, desenfoque, expansión, color y opacidad. Apila múltiples sombras. Copia el CSS al instante.

Runs in your browserUpdated Apr 26, 2026

Box shadow generator

CSS

box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);
css

Preguntas frecuentes

›Can I layer multiple shadows?

Yes — add as many shadows as you want, each with its own offset, blur, spread and color.

›Does it support inset shadows?

Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.

›Does it output Tailwind?

Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.

›Is the generator free?

Yes — fully free, no signup.

La gente también busca