- object.svg
- style.css
SVG
<svg width="200" height="200">
<circle r="70" cx="100" cy="100" fill="none" stroke="lightgrey" stroke-width="55"></circle>
<circle r="70" cx="100" cy="100" fill="none" stroke="tomato" stroke-width="50"></circle>
<circle r="70" cx="100" cy="100" fill="none" stroke="white" stroke-width="50" stroke-dasharray="20 90"></circle>
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- Add the attribute
stroke-dashoffset = "10"to the last circle to align the white lines on the life saver.
Comments