Entwerfen Sie CSS box-shadow mit Live-Vorschau.
Der CSS-Box-Shadow-Generator ist ein visuelles Werkzeug, das die box-shadow-Eigenschaft mit Schiebereglern für jede Größe erzeugt: horizontal (X), vertikal (Y), Weichzeichnung (blur), Ausbreitung (spread), Farbe und Inset-Modus. Live-Vorschau und Ein-Klick-Kopie. Ideal für Karten, Buttons, Modale und plastische UI-Elemente.
blur weicht die Kanten auf und streut den Schatten. spread dehnt ihn in alle Richtungen vor dem Weichzeichnen — positiv vergrößert, negativ verkleinert.
Normal: außen (Erhöhung). Inset: innen (Tiefe, Vertiefung).
Schwarz mit 15-25 % wirkt natürlicher als volles Schwarz. Das Tool setzt Opazität 40 automatisch.
Ja — CSS erlaubt mehrere kommagetrennte Werte, z.B. einen weichen außen plus einen scharfen innen.
Große Schatten mit hohem blur können Animationen bremsen. Bevorzuge transform: scale statt animiertem box-shadow.