Developer
CSS BOX SHADOW
Create and preview CSS box shadows with offset X/Y, blur, spread, color, opacity, and inset controls.
Private by design
No signup · Free
Offset X0
Offset Y0
Blur0
Spread0
Opacity100
No saved shadows yet.
Toggles between Normal and Hover shadow states to simulate a hover transition.
Frequently Asked Questions
Was bedeuten X/Y?
Versatz des Schattens; Blur weicht ihn auf.
Wie nutze ich Box-Shadow-Generator?
Werte zu CSS-Schatten mit X eingeben, Ergebnis und Tabelle sehen, Szenarien vergleichen.
Privat?
Ja. Alles lokal im Browser, keine Uploads.
Kostenlos?
Ja, gratis und unbegrenzt.
How to Use
01
Daten eingeben
Geben Sie Ihre Werte ein.
02
Ergebnis sehen
Score und Tabelle sofort sehen.
03
Vergleichen
Szenarien wechseln und wählen.
How to Calculate
Das Ergebnis kommt aus Ihren Eingaben sofort im Browser.
Über Box-Shadow-Generator
Box-Shadow-Generator ist ein kostenloses Tool für css box shadow generator: CSS-Schatten mit X, Y, Blur, Spread, Farbe und Deckkraft live bauen.
LSI: Präzision, Tempo, Privatsphäre. Bildung und gratis.
Related Tools
Methodology & feedback
Figures run locally in your browser from the values you enter (page updated ). Estimates are educational only — verify finance, tax and health decisions with a qualified professional (see Disclaimer). Spotted an error? Report it via contact and we correct with a new update date.
Was this tool helpful?
Thanks — feedback recorded anonymously.