Propriedade text-fill-color
A propriedade text-fill-color property define
a cor de preenchimento dos caracteres de texto ou sua transparência
usando o valor transparent.
Sintaxe
seletor {
text-fill-color: cor ou transparent;
}
Exemplo
Vamos aplicar um preenchimento gradiente com transparência ao nosso texto:
<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;
}
:
Veja também
-
a propriedade
text-stroke,
que define a borda do texto -
a propriedade
text-stroke-color,
que define a cor da borda do texto -
a propriedade
text-stroke-width,
que define a espessura da borda do texto
