Proprietà text-fill-color
La proprietà text-fill-color property imposta
il colore di riempimento dei caratteri del testo o la loro trasparenza
utilizzando il valore transparent.
Sintassi
selettore {
text-fill-color: colore o transparent;
}
Esempio
Applichiamo al nostro testo un riempimento gradiente con trasparenza:
<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;
}
:
Vedi anche
-
la proprietà
text-stroke,
che imposta il contorno del testo -
la proprietà
text-stroke-color,
che imposta il colore del contorno del testo -
la proprietà
text-stroke-width,
che imposta lo spessore del contorno del testo
