Para desenvolvedores · online · grátis
Sombra CSS
Mova os controles: veja a sombra e copie o CSS.
O que a ferramenta faz
Monta a propriedade box-shadow com pré-visualização: deslocamento, desfoque, espalhamento, cor e opacidade.
Como usar
- Mova os controles.
- Escolha a cor da sombra.
- Copie o CSS.
Bom saber
- Ative «Dentro» para uma sombra interna.
- Pouca opacidade e muito desfoque parecem mais naturais.
Perguntas frequentes
- Várias sombras?
- Copie as linhas e una-as com vírgula em um só box-shadow.
- Funciona em todos os navegadores?
- Sim, box-shadow é suportado em todos.