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

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

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

Начните учить английский в Skyeng и получите годовую подписку на HTML Academy!

Выполнить задание
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 #18, который стартует 7 августа.

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

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

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

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