Zum Inhalt springen

Was das Tool macht

Baut die CSS-Eigenschaft box-shadow mit Live-Vorschau: Versatz, Unschärfe, Ausbreitung, Farbe und Deckkraft.

So geht es

  1. Regler bewegen.
  2. Schattenfarbe wählen.
  3. CSS kopieren.

Gut zu wissen

  • „Innen“ aktivieren für einen inneren Schatten.
  • Geringe Deckkraft und große Unschärfe wirken am natürlichsten.

Häufige Fragen

Mehrere Schatten?
Zeilen kopieren und mit Komma in einem box-shadow verbinden.
Funktioniert es in jedem Browser?
Ja, box-shadow wird überall unterstützt.