CSS Gradient Text

h1 a {
  background-image: linear-gradient(to bottom right, yellow, red);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  // text-fill-color: transparent;
}

Demo: codepen.io/makzan/pen/zYYObbK