Design et Ressources

Générateur de Box Shadow

Générez des valeurs CSS box-shadow avec décalages et flou personnalisés.

Catégorie

Design et Ressources

Générateur de Box Shadow

box shadowcssdesignGénérateur

Sortie

Box shadow CSS

Shadow

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

Mode

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 Aperçu

Live canvas