Verlaufsgenerator
Erstelle schöne CSS- und Tailwind-Verläufe mit einem intuitiven visuellen Editor
Typ
Winkel
135°Presets
Farben
.element {
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
}linear-gradient(135deg, #6366f1 0%, #ec4899 100%)Häufig gestellte Fragen
Was ist der Unterschied zwischen linearen, radialen und konischen Verläufen?
Lineare Verläufe blenden Farben entlang einer geraden Linie ineinander. Radiale Verläufe strahlen von einem Mittelpunkt nach außen. Konische Verläufe drehen Farben um einen Mittelpunkt, ähnlich einem Farbrad.
Wie verwende ich den Verlauf in Tailwind CSS?
Wechsle zum Tailwind-Tab und kopiere die generierten Klassennamen. Füge sie direkt in jedes Tailwind-Projekt ein — für Standardfarben ist keine zusätzliche Konfiguration erforderlich.
Kann ich mehr als zwei Farbstopps hinzufügen?
Ja — klicke auf 'Farbe hinzufügen', um beliebig viele Stopps hinzuzufügen, und ziehe sie dann oder gib genaue Positionen ein, um präzise zu steuern, wo jede Farbe im Verlauf erscheint.
Kann ich den Verlauf in React oder anderen Frameworks verwenden?
Absolut. Der CSS-Code funktioniert überall, wo du Stile anwenden kannst, einschließlich React-Inline-Styles, Vue, Svelte, einfachem HTML oder jedem CSS-Stylesheet.