CSS如何实现文字自上而下渐变

效果图：

代码：

.title-color {
  color: rgba(138, 203, 255, 1);
  text-shadow: 0px 0px 7px rgba(52, 255, 204, 0.1);
  background: linear-gradient(
    180deg,
    rgba(138, 203, 255, 1) 16%,
    rgba(0, 74, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}