CodePen Embed - line stroke-dasharray

<svg>
  <polyline class="uno" points=" 25,30 280,30"shape-rendering="optimizeSpeed"></polyline>
    <polyline class="dos" points="25,60, 280,60" ></polyline>
    <polyline class="tres" points="25,90, 280,90"></polyline>
</svg>

svg{
  background:black;
  
  
}
polyline{
  stroke:magenta;
  stroke-width:4px;
}
.uno{
  stroke-dasharray: 10,5;
}
.dos{
 stroke-dasharray :1,5,3;
}
.tres{
  stroke-dasharray  :15, 10, 5, 10, 15 ;

}

This Pen is owned by CVDGP on CodePen.

See more by @cvdgp on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.