SOURCE

<svg width="2000"height="800">
  <text x="100"y="300"font-size="200"
  fill=""stroke="gold"stroke-width="10" class="z1">WANG YING</text>
  <text x="100"y="300"font-size="200"
  fill=""stroke="pink"stroke-width="12" class="z2">WANG YING</text>
   <text x="100"y="300"font-size="200"
  fill=""stroke="tomato"stroke-width="10" class="z3">WANG YING</text>
   <text x="100"y="300"font-size="200"
  fill=""stroke="gray"stroke-width="8" class="z4">WANG YING</text>
</svg>

@keyframes zi2{
    0%{
        stroke-dasharray: 10;
    }
      50%{
        stroke-dasharray: 35;
    }
    100%{
        stroke-dasharray: 20;
    }
}
@keyframes zi3{
    0%{
        stroke-dasharray: 120;
    }
      50%{
        stroke-dasharray: 155;
    }
    100%{
        stroke-dasharray: 60;
    }
}
@keyframes zi4{
    0%{
        stroke-dasharray: 80;
    }
      50%{
        stroke-dasharray: 120;
    }
    100%{
        stroke-dasharray: 321;
    }
}
.z2{
    animation: zi2 5s infinite;
}
.z3{
    animation: zi3 4s infinite;
}
.z4{
    animation: zi4 3s infinite;
}