Über dieses Tool
Erstelle einen CSS-box-shadow visuell, indem du Schieberegler für Offset, Weichzeichnung, Ausbreitung, Farbe und Deckkraft ziehst, und kopiere die fertige Regel. Alles aktualisiert sich live und läuft vollständig in deinem Browser.
Häufig gestellte Fragen
Was bewirkt der Spread-Wert?
Spread vergrößert (positiv) oder verkleinert (negativ) den Schatten, bevor eine Weichzeichnung angewendet wird, sodass er größer oder enger als das Element wird.
Was ist ein Inset-Schatten?
Inset zeichnet den Schatten innerhalb des Elements statt außerhalb, was sich gut für gedrückte Buttons oder innere Glüheffekte eignet.