Gerador de Box Shadow CSS

Crie e personalize sombras CSS com preview visual em tempo real

Sombras (1)

Sombra 1

Inset

Offset X0px

Offset Y4px

Blur6px

Spread0px

Cor

CSS

box-shadow: 0px 4px 6px 0px #00000040;

Código Completo

.element {
  box-shadow: 0px 4px 6px 0px #00000040;
}

Continue explorando

Ferramentas que combinam com o que você está usando:

Crie gradientes CSS lineares e radiais com preview visual

Crie bordas arredondadas com controle individual de cada canto

Crie animações CSS com keyframes e preview em tempo real

Gostou desta ferramenta? Explore mais!