Html 动画边框SVG

请参阅此代码笔：

它是一个带有虚线边框的SVG形状。 如何使除一行之外的所有行都透明/不可见

代码：

html:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="340px" height="333px" viewBox="0 0 340 333" enable-background="new 0 0 340 333" xml:space="preserve">

.path {
  stroke-dasharray: 50;
  stroke-dashoffset: 10;
  animation: dash 6s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}