Met CSS wordt het creëren van een vervagend tekstverloopeffect bereikt door de “linear-gradient” achtergrond aan te brengen op een tekst en vervolgens te knippen naar de tekst zelf. Hier is een algemeen voorbeeld van hoe je dit kunt doen:
```
.verloop-tekst {
font-size: 60px;
background: linear-gradient(to right, red , yellow);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
```
In dit voorbeeld wordt de `linear-gradient` eigenschap gebruikt om een overgang van rood naar geel te maken voor de achtergrond van de tekst. De `-webkit-background-clip` eigenschap geeft aan dat alleen de achtergrond binnen de tekst zelf wordt geknipt en de `-webkit-text-fill-color` eigenschap geeft aan dat de vultekst transparant moet zijn om de achtergrond van de tekst erdoor te laten schemeren.
Voeg dit toe aan je tekst door de class toe te voegen:
```
Merk op dat, hoewel dit werkt in veel gevallen, deze techniek enkele problemen heeft. Het is afhankelijk van het gebruik van enkele eigenschappen die geen deel uitmaken van de finale CSS-standaard en die mogelijk niet in alle browsers werken. Het specifiek gebruik van het `-webkit-` voorvoegsel betekent ook dat het niet zal werken in browsers die geen Webkit-gebaseerde engines gebruiken. In die gevallen wil je misschien oplossingen zoals SVG’s of alternatieve ontwerpen overwegen.
