Как нарисовать линию с помощью html/css?

Question

[Slav4ka]

У меня есть шаблон PSD, и мне нужно преобразовать его в HTML / CSS. Я не понимаю, как нарисовать эту линию (линия от космического корабля до кнопки)? Можно добавить линию с помощью CSS (с точкой на одном конце, изгибом и градиентом)? Или добавить эту линию к фону в графическом редакторе (но это будет проблемой для адаптивного дизайна)?

Comments

[Alams Stoyne]

Используйте CSS псевдоэлементы и before after и градиент фона

[Vaultboy84]

По мне так это лучше всего оставить на бэкграунде, либо на крайняк вырезать корабль и линию и сверху бэкграунда png-шкой закинуть. Плюс все равно при адаптиве у вас набор изображений в зависимости основных разрешений экрана по хорошему.

[Slav4ka]

Vaultboy84, да я согласен с вами и сам изначально хотел так сделать. Но это тестовое задание и нужно его сделать "правильно". А как "правильно" я не знаю)