Design
CSS-Verlaufsgenerator
CSS-Verläufe visuell erstellen.
Verwendung
Wählen Sie eine Voreinstellung oder erstellen Sie von Grund auf neu: Fügen Sie Farbstopps hinzu, ziehen Sie Positionen, wechseln Sie zwischen linear / radial / konisch. Kopieren Sie CSS oder das Tailwind-Klassen-Snippet.
FAQ
Welche Verlaufstypen werden unterstützt?
Linear (beliebiger Winkel), radial (Kreis von der Mitte) und konisch (Farbkreis). Jeder Typ unterstützt mehrere Farbstopps mit verschiebbaren Positionen.
Wie verwende ich das CSS?
Kopiere die generierte background-Zeile in dein Stylesheet oder füge sie in einen beliebigen Tailwind-Wert wie bg-[linear-gradient(...)] ein.
Kann ich mit einer Voreinstellung beginnen?
Ja – klicke auf eine der 12 Voreinstellungen (Sonnenuntergang, Ozean, radialer Lichtkegel, konischer Regenbogen und mehr) und passe anschließend Stopps und Winkel an.
Zuletzt aktualisiert: