cor
Box Shadow
crie uma box-shadow CSS de forma visual.
sobre
arraste os controles para criar uma box-shadow. prévia ao vivo + código CSS pronto pra copiar.
como usar
- arraste os controles de x, y, desfoque e expansão.
- escolha uma cor de sombra e ative inset se quiser por dentro.
- clique no código lá embaixo pra copiar o CSS.
exemplos
- crie uma sombra suave pra um card.
- faça uma sombra dura com 4px de deslocamento pra um botão neobrutalista.
- adicione uma sombra inset pra dar aquele ar de afundado.
perguntas frequentes
o que é a expansão (spread)?
o quanto a sombra cresce ou encolhe além da borda do elemento. valores negativos puxam ela pra dentro.
qual a diferença entre desfoque e expansão?
o desfoque suaviza a borda. a expansão muda o tamanho antes de o desfoque ser aplicado.