Erstelle lineare und radiale CSS-Gradients visuell mit Live-Vorschau.
{{ cssOutput }}CSS Gradients erzeugen fließende Farbverläufe zwischen zwei oder mehr Farben. Sie werden häufig als Hintergründe für Buttons, Header, Hero-Sections und dekorative Elemente eingesetzt. Mit linear-gradient() erstellst du geradlinige Verläufe in beliebigem Winkel, mit radial-gradient() kreisförmige oder elliptische Verläufe.
Linear Gradient verläuft entlang einer geraden Achse — von oben nach unten, links nach rechts oder in jedem beliebigen Winkel. Radial Gradient strahlt von einem Mittelpunkt nach außen, entweder als Kreis oder Ellipse. Beide Typen unterstützen beliebig viele Farb-Stops mit einstellbarer Position.