Design
CSS-Gradient-Generator
Erstelle sofort schöne CSS-Verläufe. Code mit einem Klick kopieren.
Eingabe
Lege Verlaufstyp, Farben, Winkel und Presets fest.
135°
Voreinstellungen
Nutze Presets als Ausgangspunkt und passe danach Farben und Winkel an.
Ausgabe
background: linear-gradient(135deg, #6366f1, #ec4899);Häufige Fragen
Welche Gradienten werden unterstützt?
Typischerweise lineare und radiale Verläufe.
Warum sehe ich manchmal Farbstreifen (Banding)?
Bei harten Übergängen oder geringer Farbauflösung kann Banding auftreten.
Sind die erzeugten Styles browserkompatibel?
Meist ja, da Standard-CSS-Syntax ausgegeben wird.