CSS Box-Shadow-Generator

Stell dir per Regler einen CSS-Schatten zusammen, sieh die Vorschau live und kopier den fertigen box-shadow-Code.

✓Läuft komplett im Browser✓Ohne Anmeldung✓DSGVO-konform

X-Versatz (6px)

Y-Versatz (8px)

Unschärfe (18px)

Spread (0px)

Farbe

Deckkraft (20%)

Inset (innen)

Gut zu wissen

Alle Werte werden live in eine Vorschau und den CSS-Code übersetzt. „Inset“ erzeugt einen inneren Schatten. Klicke „Code kopieren“, um die fertige box-shadow-Regel zu übernehmen.