<svg viewBox="0 0 100 50" width="500" height="250">
<rect x="10" y="5" width="80" height="30" fill="#EEE" />
<g stroke="red" stroke-width="3" stroke-dasharray="20, 2">
<path d="M 10,10 h 80" />
<path d="M 10,20 h 80" />
<path d="M 10,30 h 80" />
</g>
</svg>
path:nth-of-type(1) {
stroke-dashoffset: 0;
}
path:nth-of-type(2) {
stroke-dashoffset: -2;
}
path:nth-of-type(3) {
stroke-dashoffset: 2;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.