Código para letras con fondo gradiente

h1{

  font-size: 4rem;

  text-align: center;

  margin-top: 30px;

  background: -webkit-linear-gradient(left top, green, yellow);

  background: linear-gradient(to bottom right, green, yellow);

  -webkit-background-clip: text;  

  -webkit-text-fill-color: transparent;

}

Siempre lo hacemos fácil, copiar y pegar. (el truco es que background 

debe estar encima de webkit.)

Gradiente en línea.