CSS Box Shadow Generator
Visuelle Anpassung von <code>box-shadow</code> mit dem Schieberegler. Unterstützt mehrere Ebenen, <code>inset</code>-Umschaltung, Echtzeit-Vorschau und CSS-Kopieren per Klick.
100% Free
No signup
Browser-only
5 languages
Dark mode
Schattenebene
Vorschau
12px
CSS
Voreinstellung
❓ Häufig gestellte Fragen
Where do I paste this?
Inside any CSS selector, e.g. .card { box-shadow: ... }
What is inset?
Draws the shadow inside the element — useful for inset/pressed-button look
Why combine multiple shadows?
Layering a soft close shadow with a longer one creates realistic depth (Material Design and Apple HIG do this)
🐛 Sind Sie auf ein Problem mit diesem Tool gestoßen?
Vollständig kostenlos und ohne Registrierung. Auch Reproduktionsschritte sind ausreichend. Eingegangene Berichte werden direkt an die Betreiber weitergeleitet und dienen als Referenz für Korrektionen.
✅
Vielen Dank für Ihren Bericht!
An den Administrator übermittelt. Wir werden es als Referenz für Verbesserungen nutzen.