Properti text-fill-color
Properti text-fill-color property mengatur
warna isi simbol teks atau transparansinya
dengan menggunakan nilai transparent.
Sintaks
selector {
text-fill-color: warna atau transparent;
}
Contoh
Mari kita berikan gradien dengan transparansi pada teks kita:
<p>
This is a text.
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 26px;
background: linear-gradient(#c42222, #ffef5e);
-webkit-background-clip: text;
background-clip: text;
}
:
Lihat juga
-
properti
text-stroke,
yang mengatur garis luar (stroke) teks -
properti
text-stroke-color,
yang mengatur warna garis luar (stroke) teks -
properti
text-stroke-width,
yang mengatur ketebalan garis luar (stroke) teks