HTML Academy
Предыдущее задание
Оформление SVG-фигур4/20
Вернуться в список заданий
  • Заливки
  • Прозрачность заливки
  • Отсутствие заливки
  • Испытание: разноцветные квадраты
  • Обводки
  • Толщина обводки
  • Прозрачность обводки
  • Испытание: толщина и прозрачность обводки
  • Концы линий
  • Вид сгибов
  • Испытание: зигзаг
  • Пунктирные линии, часть 1
  • Пунктирные линии, часть 2
  • Испытание: восход солнца
  • Спасательный круг, часть 1
  • Спасательный круг, часть 2
  • Спасательный круг, часть 3
  • Спасательный круг, часть 4
  • Сдвиг обводки
  • Испытание: леденец
Следующее задание
  • Регистрация
  • Войти

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения. Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью соцсетей.

или

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Войти и продолжить
  • object.svg
  • style.css
SVG
<svg width="290" height="290"> <rect class="rect-1" width="42.5%" height="42.5%" x="5%" y="5%"></rect> <rect class="rect-2" width="42.5%" height="42.5%" x="52.5%" y="5%"></rect> <rect class="rect-3" width="42.5%" height="42.5%" x="5%" y="52.5%"></rect> <rect class="rect-4" width="42.5%" height="42.5%" x="52.5%" y="52.5%"></rect> </svg>
CSS
/* Используемые цвета: tomato, lightseagreen, #ffd700 */ svg { border: 1px solid #dddddd; }
100%
  • Образец
  • Результат
  • Наложение
  • Различия
  • ?

Нажмите кнопку «Сравнить», чтобы отправить ваше решение на проверку.

Не удалось загрузить образец. Попробуйте позже.

Образец — интерфейс, который вам нужно получить.

Результат — то, как видит ваш код наш сервер. Может отличаться от того, что в мини-браузере. Сравнение происходит между этим результатом и образцом.

Наложение — полупрозрачный результат отображается над образцом.

Различия — карта различий между образцом и результатом.

Выполнено 0%.
Код был изменён
Логотип HTML Academy
  • Наша группа в ВК
  • Наша группа в Facebook
  • Наш канал на Youtube
  • Наша страница в Twitter
  • Наша страница в Instagram

Курсы

  • Интерактивные курсы
  • Программа обучения
  • HTML Шорты
  • Подписка

Интенсивы

  • Все интенсивы
  • Получить профессию
  • База выпускников
  • Рекрутинг

Информация

  • Об Академии
  • Вакансии
  • Для наставников
  • Для учителей

Остальное

  • Написать нам
  • Блог
  • Мероприятия
  • Форум
  • Лига А.

Рассылка

Раз в месяц мы рассказываем об интересных статьях, новых инструментах и курсах. Подробнее о рассылке.

СоглашениеКонфиденциальностьСведения об образовательной организацииЛицензия № 3026© ООО «Интерактивные обучающие технологии», 2013−2019Сделано с любовью в Санкт-Петербурге