0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>You can offset a dashed stroke using the stroke-dashoffset attribute. Take the following example:</p>
1
<p>You can offset a dashed stroke using the stroke-dashoffset attribute. Take the following example:</p>
2
<p>stroke-dasharray="50"</p>
2
<p>stroke-dasharray="50"</p>
3
<p>and add stroke-dashoffset: stroke-dasharray="50" stroke-dashoffset="25"</p>
3
<p>and add stroke-dashoffset: stroke-dasharray="50" stroke-dashoffset="25"</p>
4
<p>The dashes in the stroke have moved counterclockwise by the specified amount. The stroke-dashoffset value can be negative, which will make the stroke move clockwise.</p>
4
<p>The dashes in the stroke have moved counterclockwise by the specified amount. The stroke-dashoffset value can be negative, which will make the stroke move clockwise.</p>
5
<p>The stroke-dashoffset CSS property works similarly.</p>
5
<p>The stroke-dashoffset CSS property works similarly.</p>