Как сверстать такой блок?

Question

[Dimafront]

Не могу понять, как сделать фон над блоками мелким.
С adobe xd только первый слой скачивается без 3д эффекта.

Это то, что получилось пока:

Comments

[Антон Литвиненко]

Одной картинкой)

Answer 1

[Максим]

Если на SVG : https://codepen.io/topicstarter/pen/QWpqbbO

Comments

[Антон Литвиненко]

Сори за глупый вопрос, а как это делается? вот была картинка и раз - у вас такая крутая штука!

[Максим]

Антон Литвиненко, открыл inkscape - нарисовал эти секторы и выше создал тег image нашёл в yandex по тегу карта мира white gray картинку и всё собрал в codepen - просто обычно здесь ни кто не хочет научиться это делать а только хотят готовое - если кто то хочет научиться такое делать - обычно я рассказываю подробно ....

[Антон Литвиненко]

Максим Ленский, ну то есть это рисовать вручную в векторном редакторе, никаких волшебных сервисов по преобразованию нет). Спасибо за ответ

Answer 2

[Mike]

для этого в HTML есть целый тэг - <map>

позволяет на одной картинке задать кликабельные зоны разной формы.

иногда упоминается как HTML hot spots.