Proprietatea text-fill-color
Proprietatea text-fill-color property stabilește
culoarea de umplere a simbolurilor textului sau transparența acestora
folosind valoarea transparent.
Sintaxă
selector {
text-fill-color: culoare sau transparent;
}
Exemplu
Să setăm textului nostru o umplere gradient cu transparență:
<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;
}
:
Vezi și
-
proprietatea
text-stroke,
care stabilește conturul textului -
proprietatea
text-stroke-color,
care stabilește culoarea conturului textului -
proprietatea
text-stroke-width,
care stabilește grosimea conturului textului
