Оформление SVG-фигур / Отсутствие заливки [3/20]
×

Отсутствие заливки [3/20]

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

Хотите получать макеты для тренировки? Подписывайтесь на ежемесячную полезную рассылку!

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

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

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

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

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