farbe
Box Shadow
gestalte einen CSS-box-shadow visuell.
über
zieh an den Reglern, um einen box-shadow zu gestalten. Live-Vorschau + CSS-Code zum Kopieren.
so geht's
- zieh an den Reglern für x, y, Weichzeichnung und Ausdehnung.
- wähl eine Schattenfarbe und aktivier inset, wenn du ihn innen haben willst.
- klick unten auf den Code, um das CSS zu kopieren.
beispiele
- gestalte einen weichen Schlagschatten für eine Karte.
- erstell einen harten 4px-versetzten Schatten für einen neobrutalistischen Button.
- füg einen inset-Schatten für einen eingedrückten Look hinzu.
faq
was ist Ausdehnung (spread)?
wie weit der Schatten über den Rand des Elements hinaus wächst oder schrumpft. negative Werte ziehen ihn nach innen.
was ist der Unterschied zwischen Weichzeichnung und Ausdehnung?
die Weichzeichnung macht den Rand weicher. die Ausdehnung ändert die Größe, bevor die Weichzeichnung angewendet wird.