U kunt een kleurverloop toevoegen in CSS met de linear-gradient functie. Dit kunt u doen in de achtergrond eigenschap van enig CSS selectiekader. Hier is een eenvbeeld hoe u dit kunt doen:
```
.div {
background: linear-gradient(direction, color-stop1, color-stop2, …, color-stopN);
}
```
- Direction: Is de richting van de kleurverloop. Het kan een van de waarden zijn: naar links, naar rechts, naar boven, naar beneden, naar onder rechts, etc.
- color-stop: De kleuren die u wilt gebruiken in de kleurverloop. U moet tenminste twee kleuren specifiëren.
Hier is een voorbeeld van een lineaire gradient van blauw naar rood:
```
.div {
background: linear-gradient(to right, blue, red);
}
```
Bovenstaande code creëert een lineaire gradient die van links (blauw) naar rechts (rood) gaat op een div element.
U kunt ook radiale gradients maken met de radial-gradient functie in CSS:
```
.div {
background: radial-gradient(color-stop1, color-stop2, …, color-stopN);
}
```
Voorbeeld:
```
.div {
background: radial-gradient(red, yellow, green);
}
```
In dit voorbeeld, zal de gradient beginnen met rood in het midden, overgaan naar geel, en eindigen met groen aan de randen.
