Skip to content

Gerador de Box Shadow

Gerador de box-shadow CSS gratuito. Crie sombras com seletores para offset, blur, spread, cor e opacidade. Camadas de múltiplas sombras. Copie CSS instantaneamente.

Runs in your browserUpdated Apr 26, 2026

Box shadow generator

CSS

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

Perguntas frequentes

›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.

As pessoas também pesquisam por