Propiedad text-fill-color
La text-fill-color property establece
el color de relleno de los caracteres de texto o su transparencia
usando el valor transparent.
Sintaxis
selector {
text-fill-color: color o transparent;
}
Ejemplo
Apliquemos un relleno degradado con transparencia a nuestro 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;
}
:
Ver también
-
la propiedad
text-stroke,
que establece el trazo del texto -
la propiedad
text-stroke-color,
que establece el color del trazo del texto -
la propiedad
text-stroke-width,
que establece el grosor del trazo del texto
