Css实现文字左右渐变和上下渐变

来源截图

上下渐变

 color: #00fde8;
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 bottom,
      from(rgb(25, 247, 228)),
      to(#d4fff7)
    );
    background-clip: text;
    -webkit-text-fill-color: transparent;

左右渐变

background: linear-gradient(to right, red, blue);
    background-clip: text;
    color: transparent;