CSS-Gradient-Generator
Erstellen Sie lineare und radiale Verläufe mit Echtzeit-Vorschau und automatischer CSS-Code-Generierung.
Vorschau
Linear
Verlaufstyp
Richtung
Vorlagen
Farbstopps
#3b82f6
#8b5cf6
CSS-Ausgabe
/* CSS Gradient */
background: ;
Verwendung
- Verlauftyp auswählen - Wählen Sie linearen oder radialen Verlauf je nach Ihren Design-Anforderungen
- Farbstopps hinzufügen - Klicken Sie, um Farbstopps hinzuzufügen und ihre Position und Farben anzupassen
- Richtung anpassen - Stellen Sie Verlaufrichtung oder radiale Position für den gewünschten Effekt ein