Zum Inhalt springen

Box-Shadow-Generator

Erzeuge Schicht für Schicht räumliche Tiefe. Bewege die Lichtquelle, passe Weichheit und Farbe an und kopiere einen Schatten, der direkt einsatzbereit ist.

Live-Vorschau

Ziehe die Lichtquelle oder verwende die Pfeiltasten, um den ausgewählten Schatten zu bewegen.

Schattenebenen

Bis zu 8 Ebenen. Die erste aktivierte Ebene liegt oben.

box-shadow: 0px 12px 32px -8px #0f172a33;

Alles bleibt in deinem Browser.

Formatreferenzen

Tool-Seite aktualisiert: