Пунктирные линии, часть 2

Видом обводки круглой фигуры тоже можно управлять.

В отличие от прямоугольных форм сегменты пунктирной обводки круглой формы могут иметь неравномерную форму в зависимости от толщины обводки.

Давайте попробуем создать пунктирную обводку окружности и будем менять толщину, чтобы проследить, как меняется форма сегментов обводки.

SVG

CSS

svg { border: 1px solid #dddddd; } .shape-stroke { fill: gold; stroke: darkorange; }

ЗадачиВыполнено

Задайте фигуре .shape-stroke ширину обводки 10 и свойство stroke-dasharray со значением 10.
Измените значение stroke-dasharray на 20.
Измените значение ширины обводки на 50,
а затем на 100.