GEN-10Generatoren
Box-Shadow-Generator
CSS-Schatten mit Live-Vorschau
GEN-10Ergebnis
Ihre Daten verlassen Ihr Gerät nicht: Dieses Werkzeug läuft lokal im Browser.
Box-Shadow-Generator
Stellen Sie Versatz, Weichzeichnung, Ausbreitung und Farbe ein — und kopieren Sie die fertige box-shadow-Regel. Die Live-Vorschau zeigt, wie der Schatten auf einer Karte wirkt.
Häufige Fragen
Was bewirkt spread?
Ein positiver Wert dehnt den Schatten vor der Weichzeichnung aus, ein negativer schrumpft ihn.
Wie bekomme ich einen weichen, edlen Schatten?
Große Weichzeichnung (30–60px), kleiner Versatz und geringe Deckkraft (0,1–0,2).