Cor e Design
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 browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Nota do editor
Understanding · Five numbers. A whole light source.
Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.
Perguntas frequentes
Quick answers.
›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
Ferramentas relacionadas
More in this room.
- Editor Avançado de Box ShadowEmpilhe múltiplas sombras com pré-visualização ao vivo.
- Gerador de GradientesGradientes CSS lineares, radiais e cónicos.
- Gerador de Border RadiusEditor de border-radius CSS por canto.
- Editor de Cubic BezierCrie curvas de easing CSS visualmente.
- Gerador de Animação CSSCrie keyframes visualmente, copie CSS pronto a usar.
- Gerador de Filtro CSSPré-visualize ao vivo desfoque, brilho, rotação de matiz e mais.