HTML Academy
Предыдущее задание
Оформление SVG-фигур4/20
Вернуться в список заданий
  1. 1. Заливки
  2. 2. Прозрачность заливки
  3. 3. Отсутствие заливки
  4. 4. Испытание: разноцветные квадраты
  5. 5. Обводки
  6. 6. Толщина обводки
  7. 7. Прозрачность обводки
  8. 8. Испытание: толщина и прозрачность обводки
  9. 9. Концы линий
  10. 10. Вид сгибов
  11. 11. Испытание: зигзаг
  12. 12. Пунктирные линии, часть 1
  13. 13. Пунктирные линии, часть 2
  14. 14. Испытание: восход солнца
  15. 15. Спасательный круг, часть 1
  16. 16. Спасательный круг, часть 2
  17. 17. Спасательный круг, часть 3
  18. 18. Спасательный круг, часть 4
  19. 19. Сдвиг обводки
  20. 20. Испытание: леденец
Следующее задание
Оформить подписку
  • Регистрация
  • Войти

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

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

или

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

Войти и продолжить
  • 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
  • Наша страница в Twitter
  • Наша страница в Instagram
  • Наш канал в Telegram
Инновационный центр Сколково

Курсы

  • Тренажёры
  • Подписка
  • Для команд и компаний
  • Учебник по PHP

Профессии

  • Фронтенд-разработчик
  • React-разработчик
Интенсивы
  • HTML и CSS.
    Профессиональная вёрстка сайтов
  • HTML и CSS.
    Адаптивная вёрстка и автоматизация
  • JavaScript.
    Профессиональная разработка веб-интерфейсов
  • JavaScript.
    Архитектура клиентских приложений
  • React.
    Разработка сложных клиентских приложений
  • PHP.
    Профессиональная веб-разработка
  • PHP и Yii.
    Архитектура сложных веб-сервисов
  • Node.js.
    Разработка серверов приложений и API
  • Анимация для фронтендеров
  • Вёрстка email-рассылок
Блог
  • Для новичков
  • Прокачка
  • Карьера
  • Лекции и доклады

Информация

  • Об Академии
  • О центре карьеры

Услуги

  • Работа наставником
  • Для учителей

Остальное

  • Написать нам
  • Мероприятия
  • Форум

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