Design und Assets

Box-Shadow-Generator

Erzeuge CSS-box-shadow-Werte mit benutzerdefinierten Offsets und Weichzeichnung.

Kategorie

Design und Assets

Box-Shadow-Generator

box shadowcssdesignGenerator

Ausgabe

Box shadow CSS

Shadow

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

Modus

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 Vorschau

Live canvas