Как сверстать выпадающие меню с параллелограммом?

Question

[ole92]

Доброго времени суток. Попался креативный заказчик который хочет реализовать следующее:

- Выпадающее меню на всю ширину экрана + активный пункт должен выделятся фигурой (параллелограмм). Меню адаптивное, но на моб. естественно фигура убирается. Ниже скрин.

Убедить его так не делать, пока не получается. Может у кого то есть идеи как это можно реализовать? Заранее спасибо!

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/931hoeto/

Comments

[ole92]

Спасибо.

Answer 2

[Андрей Федоров]

Просто для обертки текста даете skewX в другую сторону.
codepen.io/aliencash/pen/perJYx

Comments

[ole92]

Спасибо.