段落每行文字渐变效果

效果对行内元素跟块级元素不同

p,
    span {
      font-size: 20px;
      font-weight: 600;
      font-family: '微软雅黑';
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      background-image: linear-gradient(45deg, aqua, red);
    }

image.png