Оформление SVG-фигур / Прозрачность обводки [7/20]
×

Прозрачность обводки [7/20]

Прозрачность задаётся свойством stroke-opacity со значениями от 0 до 1, например: stroke-opacity="0.5".

Либо через CSS:

rect {
  stroke-opacity: 0.5;
}
Без классных наклеек и значков сейчас никуда. Заходите к нам в магазин.

Выполнить задание
HTML
<svg width="300" height="150"> <circle r="50" cx="75" cy="75" fill="none" stroke="darkorange" stroke-width="40"></circle> <circle r="50" cx="150" cy="75" fill="none" stroke="gold" stroke-width="40"></circle> <circle class="shape-stroke" r="50" cx="225" cy="75" fill="none" stroke="lightseagreen" stroke-width="40"></circle> </svg>
CSS
svg { border: 1px solid #dddddd; }
HTML Academy
  1. С помощью атрибута задайте первой фигуре прозрачность обводки со значением 0.7,
  2. а второй фигуре — со значением 0.6.
  3. В CSS третьей фигуре задайте прозрачность обводки 0.5.
Теория Проверить Следующее задание

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

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

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

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