Как лучше создать декоративное меню — под углом, с множественными элементами?

Добрый день, создаю себе портфолио(начинающий вебмастер), очень понравился один макет - хочу его воплотить в жизнь;
Интересует ваше мнение, по поводу, как лучше сверстать меню такого формата:
3ed6114f8596441cae73454048f40fa4.jpg
Внутри ромбов будут располагаться иконки(ссылки на блоки сайта).

Из предполагаемых вариантов:
-помучатся и сверстать с помощью div и rotate;
-сократить путь и просто наложить картинкой, иконкам прописать абсолютное позиционирование под каждую ширину экрана;
-может еще какие-то варианты подскажите;
Сайт будет адаптивный.
  • Вопрос задан
  • 425 просмотров
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
1. Общий поворот меню.
2. Элементы меню с overflow:hidden.
3. Элементы с box-sizing:border-box, а для некоторых вместо рамки позиционируются псевдоэлементы.
4. Внутри элементов картинка, превышающие размеры элемента примерно в 1.5 раза (не менее, чем корень из 2-х) и с поворотом в обратную сторону.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Vladnev Автор вопроса
То есть ниже представленный способ гуманный и не развалится?
codepen.io/anon/pen/pJoXLe
Ответ написан
Ваш ответ на вопрос

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

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