CSS Gradients Tutorial Deutsch

Mit dem Coupon-Code: KURZUNDKNAPP
sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.

Gradients sind Farbverläufe. In CSS kann man radiale und lineare Gradients als background-image für sämtliche HTML-Elemente festlegen. In diesem Video wird erklärt, wie man Gradients auf Container, den Body der Webseite und sogar auf eine Überschrift platzieren kann.
Lineare gradients werden über die linear-gradient() Methode definiert. Bsp:

background-image: linear-gradient(red, yellow);

Die gewünschten Farben werden jeweils als Argument übergeben. Radiale, also kreisförmige, Gradients werden mit der radial-gradient Methode definiert. Bsp:

background-image: radial-gradient(blue, purple);

Um Gradients auf dem Body der Webseite zu platzieren, wird genauso vorgegangen wie zuvor. Zusätzlich sollte man jedoch noch einige CSS Eigenschaften für das HTML und den Body festlegen. Auf Stack Overflow ist das nochmal erklärt: