How stroke-dasharray Patterns Work

Say you have a line in SVG:

<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg

You can use thestroke-dasharrayproperty in CSS to make dashes:

line {  stroke-dasharray: 5;}

That 5 value is a relative unit based …

How stroke-dasharray Patterns Work originally published on CSS-Tricks. You should get the newsletter.