Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
Ein Farbverlauf ist ein sanfter Übergang zwischen zwei oder mehr Farben. Farbverläufe verleihen Webdesigns, UI-Elementen und Illustrationen Tiefe, Dimension und visuelles Interesse.
Wählen Sie zwei Farben aus, wählen Sie einen Verlaufswinkel und sehen Sie das Ergebnis sofort auf der Leinwand. Kopieren Sie den CSS-Code zur Verwendung in Ihrem Projekt.
Was ist der Unterschied zwischen linearen und radialen Gradienten? Lineare Farbverläufe verlaufen entlang einer geraden Linie, während radiale Farbverläufe strahlenförmig von einem zentralen Punkt ausgehen.
Kann ich Farbverläufe in CSS verwenden? Ja, verwenden Sie die Eigenschaft „Hintergrundbild“ mit den Funktionen „Linear-Gradient“ oder „Radial-Gradient“.