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>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>Örnek çıktı ise şöyle olacak;
test
