CSS-Verlaufsgenerator
Kostenloser Online-Tool zum Erstellen von CSS-Gradienten, Echtzeit-Preview
CSS-Gradient-Typen
Lineare Farbverläufe übergehen Farben entlang einer durch einen Winkel oder eine Richtung definierten geraden Linie. Radiale Farbverläufe übergehen von einem Mittelpunkt nach außen in einer kreisförmigen oder elliptischen Form. Beide unterstützen mehrere Farbstops für komplexe Übergänge zwischen drei oder mehr Farben.
So erstellen Sie einen CSS-Gradient
Wählen Sie den Gradient-Typ (linear oder radial), wählen Sie Start- und Endfarben und passen Sie den Winkel für lineare Gradienten an. Das Tool generiert den CSS-Code sofort. Kopieren Sie das CSS und fügen Sie es in Ihr Stylesheet als background- oder background-image-Eigenschaft ein.
▶Kann ich mehr als zwei Farben in einem Gradient verwenden?
▶Wie ist die Browserunterstützung für CSS-Gradienten?
▶Kann ich Transparenz in Gradienten verwenden?
Wenn dieses Tool Ihnen geholfen hat, zögern Sie nicht, mir einen Kaffee zu kaufen.
Kaufe mir einen Kaffee.