CSS ile Yazıya Gradient Renk Vermek

Normalde gradient renk geçişlerini arkaplan olarak şöyle belirliyoruz.

<div>test</div>

<style>
div {
    background: linear-gradient(to right, #cae587 0%,#ea9a75 100%);
}
</style>HTML
Editörde Görüntüle

Bu işlemi yazıya uygulamak istersek şöyle yapacağız;

<div>test</div>

<style>
div {
    display: inline-block;
    font-size: 70px;
    background: linear-gradient(to right, #cae587 0%,#ea9a75 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
</style>HTML
Editörde Görüntüle

Örnek çıktı ise şöyle olacak;

test