Gradient Generator
Erstellen Sie wunderschöne CSS-Farbverläufe für Ihre Webprojekte
Gradient Generator
Lineare, radiale und konische Farbverläufe – mit Live-Vorschau und CSS-Code
1. Gradient-Typ
2. Farben
3. CSS-Code
Statistiken
Farben
2
Winkel/Position
90°
Typ
Linear
background: linear-gradient(90deg, #ff6b6b, #4ecdc4);
4. Beispiele
Über CSS-Gradienten
CSS-Gradienten erzeugen nahtlose Farbverläufe, ohne Bilddateien. Es gibt drei Haupttypen:
Linear
Verlauf entlang einer Geraden. Winkel oder Richtung (to bottom, to right, etc.)
Radial
Verlauf kreisförmig von innen nach außen. Form (circle/ellipse) und Position.
Konisch
Verlauf um einen Mittelpunkt. Startwinkel und Position definieren.
Linear
Radial
Konisch