Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-Schatten erstellen
Versatz, Unschärfe, Ausdehnung und Deckkraft eines Box-Schattens einstellen und fertiges CSS übernehmen.
Vorschau
Über dieses Tool
Verfeinern Sie die Tiefe einer Karte und betrachten Sie Unschärfe und Ausbreitung getrennt. Ein negativer Ausbreitungswert verkleinert den Umriss.
Anwendung
Die Regler verändern den Schatten in der Vorschau. Mit Innerer Schatten wird inset aktiviert. Versatz und Ausdehnung dürfen negativ sein; Unschärfe nicht. Abmessungen reichen von -200 bis 200 px, Unschärfe von 0 bis 200 px. Das Werkzeug erzeugt eine Schattenebene mit 0–100 Prozent Deckkraft. CSS lässt sich kopieren oder herunterladen.
Häufige Fragen
Wie unterscheiden sich Unschärfe und Ausbreitung?
Unschärfe macht den Rand weich; Ausbreitung vergrößert oder verkleinert den Schatten. inset erzeugt einen inneren Schatten. Das Werkzeug liefert eine Ebene; mehrere lassen sich anschließend im CSS kombinieren.
Wie verschiebe ich den Schatten nach links oder oben?
Ein negativer horizontaler Versatz verschiebt ihn nach links, ein negativer vertikaler nach oben. Positive Werte zeigen nach rechts und unten. box-shadow folgt der Box, nicht der Kontur undurchsichtiger Bildteile.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0