CodePen Embed - stroke-dashoffset

<div>
  <p>stroke-dasharray="10 5"</p>
  <svg viexBox="0 0 100 100">
  <line x1="0" y1="5" x2="100" y2="5" stroke="green" stroke-dasharray="10 5" />
</svg>
</div>
<div>
  <p>stroke-dashoffset="5"</p>
  <svg viexBox="0 0 100 100">
  <line x1="0" y1="5" x2="100" y2="5" stroke="green" stroke-dasharray="10 5" stroke-dashoffset="5" />
</svg> 
</div>
<div>
  <p>stroke-dashoffset="5"</p>
  <svg viexBox="0 0 100 100">
  <line x1="0" y1="5" x2="100" y2="5" stroke="green" stroke-dasharray="10 5" stroke-dashoffset="-5" />
</svg> 
</div>

This Pen is owned by Lee-ye-ji on CodePen.

See more by @lee-ye-ji on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.