Show HN: React Gradient Text

  background: linear-gradient(to right, #007CF0, #00DFD8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

- background-clip makes the background only appear behind text

- text-fill-color changes the text's fill color. Not sure why text-fill-color is used, `color: transparent` seems to do the same.

If you want a non-react, reusable way:

  .gt {
    background: linear-gradient(var(--gt-direction), var(--gt-start-color), var(--gt-end-color));
    -webkit-background-clip: text;
    color: transparent;
  }

This way you can add various CSS helpers for start-color (or set them manually via JS)

The gradient text appears to just be css, like this: https://jsfiddle.net/ehmgjc86/