CSS-Gradient-Generator

Entwerfen Sie schöne CSS-Verläufe mit einem visuellen Editor und kopieren Sie den Code.

Was ist CSS-Gradient-Generator?

CSS-Verläufe erzeugen fließende Farbübergänge ohne Bilder. Dieser visuelle Editor unterstützt lineare, radiale und konische Verläufe mit anpassbaren Farbstopps und Winkeln.

Verwendung CSS-Gradient-Generator

  1. Wählen Sie den Verlaufstyp: linear, radial oder konisch.
  2. Passen Sie den Winkel an (bei linearen Verläufen).
  3. Legen Sie Farbstopps mit Farben und Positionen fest.
  4. Klicken Sie auf CSS kopieren, um den fertigen Code zu übernehmen.

Häufig gestellte Fragen

Ein fließender Farbübergang, der per CSS mit den Funktionen linear-gradient(), radial-gradient() oder conic-gradient() ohne Bilder erzeugt wird.

In diesem Tool bis zu 5, aber CSS selbst legt keine feste Obergrenze fest.

Ein linearer Verlauf folgt einer geraden Linie in einem bestimmten Winkel. Ein radialer Verlauf strahlt kreisförmig von einem Mittelpunkt nach außen.

Ja, alle modernen Browser unterstützen sie vollständig, ohne dass herstellerspezifische Präfixe erforderlich sind.