Box-Shadow-CSS-Generator
Generieren und Vorschau von CSS-Box-Shadow-Eigenschaften visuell.
Schatteneinstellungen
Passen Sie die Schieberegler an, um den Schatteneffekt anzupassen
Schatten 1
Voreinstellungen
Probieren Sie vordefinierte Schattenstile aus
Vorschau
Sehen Sie den generierten Schatteneffekt
Preview
Generiertes CSS
box-shadow: 0px 4px 6px 0px #00000040;Box-Shadow-Eigenschaftsreferenz
Eigenschaftsbeschreibungen
- • X-Versatz: Horizontale Position des Schattens (positiv: rechts, negativ: links)
- • Y-Versatz: Vertikale Position des Schattens (positiv: unten, negativ: oben)
- • Unschärfe: Unschärferadius des Schattens (0: scharf, größere Werte unschärfer)
- • Spreizung: Größe des Schattens (positiv: vergrößern, negativ: verkleinern)
- • Farbe: Farbe des Schattens (HEX, RGB, RGBA usw.)
- • Inset: Ob der Schatten ein innerer Schatten ist