CSS-Gradient-Generator
0°360°
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
So verwendest du CSS-Gradient-Generator
Wählen Sie einen Verlaufstyp. Fügen Sie Farben hinzu und passen Sie sie an. Stellen Sie den Winkel oder die Richtung ein. Echtzeit-Vorschau. CSS-Code kopieren.
Funktionen
- Lineare, radiale und konische Verläufe
- Bis zu 6 Farben mit Positionskontrolle
- Winkel-/Richtungswähler
- Echtzeit-Vorschau
- CSS-Code mit einem Klick kopieren
- 100% client-seitig
Haufig Gestellte Fragen
Welche Verlaufstypen werden unterstützt?
Lineare, radiale und konische Verläufe. Jeder kann mit Richtung/Winkel, mehreren Farben und Positionierung angepasst werden.
Kann ich mehr als zwei Farben hinzufügen?
Ja. Fügen Sie bis zu 6 Farben hinzu, um komplexe, mehrfarbige Verläufe zu erstellen.
Wie verwende ich das generierte CSS?
Klicken Sie auf Kopieren. Fügen Sie den Code als background-Eigenschaft in Ihr Stylesheet ein.