Знакомство с SVG / Испытание: починка телевизора [5/15]

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

Регистрация займёт всего минуту и позволит сохранять прогресс обучения.

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

ВК ВКонтакте или FB Facebook

×

Испытание: починка телевизора [5/15]

Кекс заказал телевизор, но не знал, что доставкой займётся почта РФ. И телевизор пришёл немного «помятый».

Почините картинку, подобрав размеры, координаты и радиусы скругления фигур. Все значения кратны пяти.


Выполнить задание
HTML
<svg height="250" width="330"> <rect class="leg" width="15" height="30" x="180" y="210" rx="2" fill="black"/> <rect class="leg" width="15" height="30" x="5" y="190" rx="10" fill="black"/> <rect class="case" width="300" height="200" x="20" y="25" rx="30" fill="dimgray"/> <rect class="screen" width="200" height="160" x="30" rx="10" fill="deepskyblue"/> <rect class="panel" width="80" height="110" x="200" y="50" fill="black"/> <rect class="button" width="20" height="10" x="245" y="70" rx="2" fill="red"/> <rect class="button" width="30" height="30" x="265" y="95" rx="4" fill="gold"/> <rect class="button" width="40" height="20" x="225" y="120" rx="7" fill="lime"/> </svg>
CSS
svg { border: 1px solid #dddddd; }
<HTML Academy>
?

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

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

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

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