CSS Box Shadow Generator

Create and customize CSS shadows with real-time visual preview

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;
}

Keep exploring

Tools that go well with what you're using:

Create linear and radial CSS gradients with visual preview

Create rounded borders with individual control for each corner

Create CSS animations with keyframes and real-time preview

Enjoyed this tool? Explore more!