Online-Tool CSS Box Shadow Generator

color
color

Erstellen Sie die Eigenschaften Ihres Boxschattens, um den CSS-Stil zu erhalten.

Stellen Sie mit den Schiebereglern und dem Farbwähler die Werte ein und sehen Sie sich die Live-Vorschau an, bis Sie den gewünschten Effekt erzielen. Wählen Sie die Rechts-nach-unten-Verschiebung, Ausbreitung, Unschärfe, Deckkraft, Farbe.

Wählen Sie eine benutzerdefinierte Farbe für den Vorschauhintergrund und Ihr Objekt aus.

 

Mehrere Box-Shadows hinzufügen

Webbrowser ermöglichen es uns, unserem Design mehr als einen Schatten hinzuzufügen, ebenso wie dieses Online-Tool. Mit der Schaltfläche Neu hinzufügen speichern Sie die aktuelle Zeile und richten eine neue ein. 

 

CSS-Syntax

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Hinweis:  Um einem Element mehr als einen Schatten zuzuordnen, fügen Sie eine durch Kommas getrennte Liste von Schatten hinzu (siehe Beispiel "Selbst ausprobieren" unten).