- object.svg
- style.css
SVG
<svg width="300" height="150">
<circle r="60" cx="75" cy="50%" fill="#ff7700"></circle>
<circle r="60" cx="150" cy="50%" fill="hsla(50, 100%, 50%, 0.5)"></circle>
<circle class="shape-opacity" r="60" cx="225" cy="50%"></circle>
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
.shape-opacity {
fill: yellowgreen;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Задайте первой фигуре прозрачность с помощью атрибута
fill-opacity="0.5"
. - Задайте третьей фигуре прозрачность с помощью CSS
fill-opacity: 0.75
.