Erstellen Sie lineare und radiale CSS-Gradienten visuell.
Der CSS-Verlaufsgenerator ermöglicht das visuelle Erstellen von linearen (linear-gradient) und radialen (radial-gradient) Verläufen mit Farbwählern, verstellbarem Winkel und optionaler dritter Farbe. Der CSS-Code wird sofort erzeugt und direkt in dein Stylesheet kopierbar. Ideal für UI-Designer, Webentwickler und Kreative, die attraktive Hintergründe ohne Photoshop brauchen.
Linear zeichnet den Verlauf gerade von Punkt zu Punkt; radial startet in der Mitte und dehnt sich kreisförmig aus — ideal für Buttons und Kugeln.
0°: unten→oben; 90°: links→rechts; 180°: oben→unten; 270°: rechts→links. Zwischenwerte ergeben Diagonalen.
Ja. rgba oder 8-stelliges hex (#FF000080 = 50% deckendes Rot) ermöglicht halbtransparente Verläufe über Bildern.
Vernachlässigbar. GPU-gerendert, leichter als PNG/JPG, gestochen scharf auf jeder Auflösung.
Alle modernen Browser seit 2013 — keine Vendor-Präfixe nötig.