CSS3 bied een scala aan toffe nieuwe technieken die helaas nog maar beperkt onderstund worden, text-fill-color is er daar één van.

Je komt dit effect bijna niet in het wild tegen vanwege de slechte browser ondersteuning op dit moment. Maar ik heb goede hoop dat je langzaam dit effect gebruikt gaat zien worden op bijv. blockquotes.

*edit* Ik heb een toepassing van deze techniek gevonden op: polygon.com. Ze gebruiken het op het moment van schrijven voor grote quotes in bijv. hun reviews. Voorbeeld aangepast omdat hun toepassing charmanter was.

     background: -webkit-linear-gradient(top,#fd0b58 0,#a32b68 100%);
background-clip: text;
text-fill-color: transparent;

Voorbeeld (werkt op het moment alleen in webkit):

Dit is een voorbeeld
van hoe het eruit
zou kunnen zien

Afbeelding van voorbeeld