CSS Box-Shadow-Generator
CSS-Schatten ohne Rätselraten
Der Generator erzeugt die box-shadow-Eigenschaft visuell. Stelle Offset, Weichzeichnung, Ausbreitung, Farbe und Deckkraft ein – die Vorschau aktualisiert sich sofort, und der fertige CSS-Code steht darunter.
- Offset X/Y: Verschiebt den Schatten horizontal und vertikal (auch negativ).
- Weichzeichnung: Je höher, desto weicher der Rand. Ausbreitung vergrößert bzw. verkleinert den Schatten.
- Inset: Erzeugt einen inneren Schatten statt eines Schlagschattens.