@Zombie42679
Пытаюсь верстать, учу JS, когда-нибудь стану топом

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

Первый раз столкнулся с подобным, примерно понимаю как на клик выводить информацию, но как сам дом нарисовать на html/css или как это сделать?

af1e68eb80ff4b0ba5cb7dcdea532e9e.jpg
  • Вопрос задан
  • 291 просмотр
Пригласить эксперта
Ответы на вопрос 3
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Рисовать в html получится с помощью canvas. Но я бы сделал с помощью svg. Еще можно просто картинку дома кинуть на back и разметить с помощью<map>
Но с svg удобнее как по мне, так как дом можно генерировать с разными конфигурациями.
Ответ написан
Exploding
@Exploding
wtf?
А я бы ul-ом зафигачил и в css уже подмарафетил...
Крышу :before картинкой на БГ, первый этаж :after тоже картинкой на БГ
А остальное как раз для ul списка подходит очень даже...
Даже OL-ом, и этажи будут пронумерованы автоматически:)
<ol reversed>
<li>...</li>
</ol>
Ответ написан
Комментировать
Ni55aN
@Ni55aN
Лучше на SVG
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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