@SpokKirk

Как сверстать такой интерактивный элемент?

Увидел интересную часть макета и стало интересно, не знаю как загуглить.
Как сверстать такое, кнопки, пунктирные полоски? Возможно такое сделать адаптивным? 5a6ceca321799209267508.png

Спасибо за любую информацию, извините если было.
  • Вопрос задан
  • 632 просмотра
Решения вопроса 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Порядок прост:
1. SVG для пунктиров
2. DIV-ы: 1 DIV центральный и 6 DIV для описаний
3. Относительное позиционирование 6 DIV и 6 SVG относительно центрального
4. Медиа-селекторы для создания адаптивности
Осталось сделать...
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dom1n1k
@dom1n1k
Зачем эти полоски верстать? Чтобы что?
Делать их частью картинки, текст поверх, да и всё.
Как вариант, сделать бутерброд из 2 равновеликих картинок - квадрокоптер и все полоски.
Это тот самый случай, когда мудрить нет смысла.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы