Здравствуйте.
Мне нужно сделать что то на подобие этого codepen.io/anon/pen/qdyQrr
там картинки разными углами + сделать с hover нашел эту ссылку (то что на верху) и не понял для этого надо как то сгенерировать? подскажите пожалуйста я первый рас сталкиваюсь с этим. Спасибо Всем.
Рисовать в векторе нужно. Либо в вашем случае, самое простое решение это html map area.
Заходите сюда htmlmapgenerator.ru, загружаете картинку и размечаете области, в ответ получаете готовый код.
Но лучше конечно в SVG. Можете тут попробовать что-нибудь нарисовать в векторе, если не очень сложное editor.method.ac
Сергей Ивонов: Если владеете Photoshop, то выделяете каждый дом с помощью Quickmask потом преобразуете в векторный Path собираете все в одном файле и экспортируете или напрямую или через Illustrator или Corel. Потом при экспорте на каждый контур будет повешен CSS класс... Можно еще каждый класс ссылкой обернуть, то же будет работать. Если с SVG не сталкивались то почитайте https://svgontheweb.com/ru/
Сергей Ивонов Надо было сразу с результата начинать ). Делал такие сайты, тут SVG используется. С такими сайтами обычно присылали отдельный svg файлик или макет только с областями в виде контуров того объекта который подсвечивается. Дальше ты уже сам вертишь им как нужно.
Из SVG библиотек например fabricjs.com Но видно опыта у вас нет. Если размеры сайта фиксированные, то делайте через map area, на вышеуказанном ресурсе. Для резины не подойдет.
Простой
