toolbin_

CSS-Verlaufsgenerator

Erstellen Sie einen CSS-Verlauf (linear oder radial) mit Live-Vorschau und kopierfertigem Code.

🔒 100 % clientseitig — keine Daten gesendet

Generieren Sie einen linearen oder radialen CSS-Verlauf mit Live-Vorschau und kopieren Sie den einsatzbereiten Code direkt in Ihr Stylesheet. Passen Sie Farben, Winkel und Stopps an, um mit wenigen Klicks moderne Hintergründe zu erstellen. Das Tool läuft vollständig in Ihrem Browser, ohne Registrierung und ohne dass Daten gesendet werden.

FAQ

Wie erstelle ich einen CSS-Verlauf?

Wählen Sie den Typ (linear oder radial), legen Sie Ihre Farben und den Winkel fest und kopieren Sie dann die generierte background-Eigenschaft in Ihr CSS.

Was ist der Unterschied zwischen linear-gradient und radial-gradient?

linear-gradient erzeugt einen Farbübergang entlang einer geraden Linie, also eines Winkels, während radial-gradient von einem Mittelpunkt nach außen strahlt.

Kann ein Verlauf mehr als zwei Farben verwenden?

Ja, Sie können beliebig viele Farbstopps hinzufügen, um mehrfarbige Verläufe zu erstellen.

Ist das generierte CSS mit allen Browsern kompatibel?

Die Eigenschaften linear-gradient und radial-gradient werden von allen modernen Browsern ohne Präfixe unterstützt.