- object.svg
- style.css
SVG
<svg width="300" height="150">
<circle r="60" cx="75" cy="50%"></circle>
<circle r="60" cx="150" cy="50%" fill="hsla(50, 100%, 50%, 0.75)"></circle>
<circle class="shape-transparent" r="60" cx="225" cy="50%"></circle>
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
.shape-transparent {
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- Set the first shape to no fill using
fill="none". - Do the same for the third shape, but via CSS, using
fill: none.
Comments