Linearer Gradient
Ein linearer Farbverlauf folgt einer geraden Linie in einer bestimmten Richtung.
background: linear-gradient(90deg, #f97316, #eab308);
Kostenloser CSS-Gradient-Generator
Erstelle lineare und radiale Farbverläufe visuell: CSS-Code kopieren und direkt einsetzen.
1. Gradient-Typ wählen
2. Richtung / Winkel
3. Farbstopps
0%
100%
Vorschau
CSS-Code
background: linear-gradient(90deg, #f97316 0%, #eab308 100%);
Vorlagen
Werbefläche 1
Werbefläche 2
Werbefläche 3
Werbefläche 4
Werbefläche 5
Werbefläche 6
Werbefläche 7
Werbefläche 8
CSS-Gradients verstehen
Radialer Gradient
Ein radialer Farbverlauf strahlt kreisförmig von einem Mittelpunkt nach aussen.
background: radial-gradient(circle, #f97316, #eab308);