- 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 {
}
ЗадачиВыполнено
- Задайте первой фигуре отсутствие заливки с помощью
fill="none". - Сделайте то же самое для третьей фигуры, но через CSS, используя
fill: none.