CSS-Verlaufsgenerator
Lineale und radiale CSS-Verläufe visuell erstellen und fertiges CSS kopieren — nichts wird hochgeladen.
CSS-Ausgabe
CSS-Verlaufshintergründe visuell erstellen
Farbstopps hinzufügen, Winkel anpassen und zwischen linearem und radialem Modus wechseln. Vorschau und CSS aktualisieren sofort. Die background-Eigenschaft mit einem Klick kopieren. Alles läuft lokal — keine Uploads.
Farbstopps können optionale Prozentwerte haben. Leer lassen verteilt die Stopps gleichmäßig. Winkel anpassen, um einen linearen Verlauf von 0 bis 360 Grad zu drehen.
FAQ
Unterschied zwischen linear und radial? Linear übergeht Farben entlang einer Linie. Radial strahlt vom Mittelpunkt aus.
Benannte Farben oder rgba möglich? Ja — das Feld akzeptiert jeden gültigen CSS-Farbwert.