Ferramenta Online CSS Box Shadow Generator

color
color

Crie as propriedades de sua sombra de caixa para obter o estilo CSS.

Use os controles deslizantes e o seletor de cores para definir os valores e assistir à visualização ao vivo até chegar ao efeito desejado. Selecione o deslocamento da direita para baixo, propagação, desfoque, opacidade, cor.

Selecione uma cor personalizada para o plano de fundo da visualização e seu objeto.

 

Adicionar várias sombras de caixa

Os navegadores da Web nos permitem adicionar mais de uma sombra ao nosso design, assim como esta ferramenta online. Use o botão Adicionar novo para salvar a linha atual e configurar uma nova. 

 

Sintaxe CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Observação:  para anexar mais de uma sombra a um elemento, adicione uma lista de sombras separada por vírgulas (consulte o exemplo "Experimente você mesmo" abaixo).