Как сверстать меню без картинок?

Question

[Евгений Питаев]

Доброго времени суток!
Возник вопрос как сверстать такое меню без картинок

Comments

[Nikolay Talanov]

Самое печальное, что надо будет столько мучаться, а дизайн при этом говно :) И вы при этом не можете на это как то повлиять. Соболезную вам.

[Евгений Питаев]

Nikolay Talanov: даа, дизайн ужасный, вроде на переделку отдать хотят, надеюсь новый дизайнер переделает меню, о пока решил подстраховаться

Answer 1

[Андрей Гончаров]

Желтая плашка может сверстаться под прямым углом с белыми прямоугольниками по бокам из всевдоэлементов, затем 3d трансформацией наклонить ее назад.
Меню трансформировать обратно от плашки, чтобы выровнять.
Пункты меню тоже с псевдоэлментами трансформированными. Сепараторы попробовать border: groove, возможно с бордер-радиусом для придания эффекта затухания по бокам.

А вообще все это костыли, надеюсь мне не придется таким заниматься)

Answer 2

[Mikhail Osher]

Что курил дизайнер?! Дизайн, на мой взгляд, не очень - фентифлюшки из 2000-ых.

Почитайте про фигуры на CSS.