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 </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).