Ferramentas
Ferramentas para desenvolvedores
Geradores e conversores que rodam 100% no seu navegador — nada é enviado a nenhum servidor. Escolha uma ferramenta, ajuste os controles e copie o resultado.
Box Shadow
Gera box-shadow com deslocamento, desfoque, spread, cor e sombra interna.
0
10
30
-6
#7c3aed
Pré-visualização
Saída
CSS
.element {
box-shadow: 0px 10px 30px -6px #7c3aed;
}