CSS-Verlauf-Generator
Entwickler-ToolNeuGestalte CSS-Verläufe und kopiere den Code mit einem Klick.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien verlassen dein Gerät nie — nichts wird hochgeladen.
Gradient
Used for linear gradients.
background: linear-gradient(90deg, #ff7a18 0%, #1d2330 100%);
Häufig gestellte Fragen
Wie nutze ich den CSS-Verlauf-Generator?
Wähle eine Start- und eine Endfarbe, wähle den Typ linear oder radial und stell den Winkel in Grad ein. Das Vorschaufeld aktualisiert sich live und zeigt eine fertige 'background:'-Deklaration, die du mit einem Klick kopieren kannst.
Werden meine Daten beim Erzeugen eines Verlaufs irgendwohin hochgeladen?
Nein. Alles läuft vollständig in deinem Browser mit reinem JavaScript: weder die Farben noch die Einstellungen noch das erzeugte CSS werden je an einen Server gesendet. Es ist komplett privat und funktioniert offline, sobald die Seite geladen ist.
Was ist der Unterschied zwischen einem linearen und einem radialen Verlauf?
Ein linearer Verlauf mischt die Farben entlang einer geraden Linie, deren Richtung du mit dem Winkel steuerst (zum Beispiel geht 90deg von links nach rechts). Ein radialer Verlauf mischt kreisförmig von einem Mittelpunkt nach außen, weshalb das Winkelfeld für diesen Typ deaktiviert ist.