Para mostrar el degradado debajo de nuestro texto, necesitamos hacer que el texto sea transparente. Podemos hacerlo configurando el color: transparente.
Quizás te sientas tentado a utilizar la taquigrafía de fondo aquí. No.
Desafortunadamente, la versión abreviada de fondo de background-clip no admite la palabra clave text.
Si debe admitir Internet Explorer, deberá recurrir a un color plano.
Envuelva todo lo que hemos escrito antes en una regla @supports. De esta manera sólo se mostrará en navegadores modernos.
Luego, fuera del bloque @supports, establece un color alternativo para el texto. Probablemente debería ser un color que aparezca en el degradado y que combine bien con el resto del diseño.
Asegúrese de que el respaldo llegue antes que los estilos de degradado reales.
NOTA: Aunque la regla @supports en sí tampoco es compatible con IE, todo lo que contiene se ignorará, que es exactamente lo que queremos.