Gerador de Box Shadow CSS
Crie sombras de caixa CSS com uma pré-visualização ao vivo.
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);Ajuste o deslocamento, o desfoque, a expansão, a cor e a opacidade para criar um box-shadow e copie o CSS.
Como usar
- Arraste os controles deslizantes para moldar a sombra.
- Escolha uma cor e a opacidade.
- Copie o CSS.
Perguntas frequentes
- O que o inset faz?
- Ele desenha a sombra dentro do elemento em vez de fora.
- Posso sobrepor sombras?
- Sim, combine vários valores de box-shadow separados por vírgulas manualmente.