Gerador de CSS Box Shadow
Ajuste visual de <code>box-shadow</code> com controle deslizante. Suporta múltiplas camadas, alternância <code>inset</code>, visualização em tempo real e cópia de CSS com um clique.
100% Free
No signup
Browser-only
5 languages
Dark mode
Camada de Sombra
Visualizar
12px
CSS
Predefinição
❓ Perguntas frequentes
Where do I paste this?
Inside any CSS selector, e.g. .card { box-shadow: ... }
What is inset?
Draws the shadow inside the element — useful for inset/pressed-button look
Why combine multiple shadows?
Layering a soft close shadow with a longer one creates realistic depth (Material Design and Apple HIG do this)
🐛 Você encontrou um problema com esta ferramenta?
Completamente gratuito e sem registro. Até as etapas de reprodução são suficientes. Os relatos recebidos chegam diretamente aos operadores e servem como referência para correções.
✅
Obrigado por seu relato!
Recebido pelos administradores. Usaremos como referência para melhorias.