Design e Recursos

Gerador de Box Shadow

Gere valores CSS de box-shadow com deslocamentos e desfoque personalizados.

Categoria

Design e Recursos

Gerador de Box Shadow

box shadowcssdesignGerador

Saída

Box shadow CSS

Shadow

0px 12px 30px -8px rgba(17, 17, 17, 0.18)

Modo

Drop

.shadow-card {
  width: min(100%, 320px);
  height: 140px;
  border-radius: 18px;
  background: white;
  color: #111827;
  display: grid;
  place-items: center;
  box-shadow: 0px 12px 30px -8px rgba(17, 17, 17, 0.18);
}

Shadow Prévia

Live canvas