Оформление SVG-фигур / Спасательный круг, часть 3 [17/20]
×

Спасательный круг, часть 3 [17/20]

Второй «слой» готов.

Остаётся создать третий слой белого цвета, который будет создавать полоски на спасательном круге. Пока что сделаем его со сплошной обводкой.


Выполнить задание
HTML
<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> </svg>
CSS
svg { border: 1px solid #dddddd; }
HTML Academy
  1. В SVG после второй окружности создайте третью с радиусом 70 и координатами центра по обеим осям 100,
  2. уберите заливку окружности и задайте цвет обводки white,
  3. а затем задайте толщину обводки 50.
Теория Проверить Следующее задание

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.