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

Question

[Dmitry Buravtsov]

Подскажите пожалуйста, как сделать пункты меню формой, как на скрине, и чтобы их можно было сделать активными. Картинкой делать не подходит.

Answer 1

[Vadim Bogomazov]

Используй псевдоэлементы и трансформации.
Посмотри этот пример и все поймешь.

Comments

[Dmitry Buravtsov]

а он же из какой-то инструкции, а есть статья с этой ссылкой?

Answer 2

[Enuriru]

Попробуйте так. jsfiddle.net/31ur2q70

Comments

[Dmitry Buravtsov]

супер! то что нужно, спасибо!

[zooks]

Пожалуйста, никогда не пишите атрибуты HTML-тегов в одинарных кавычках.

Answer 3

[GreatRash]

codepen.io/GreatRash/pen/ojNrRz

Answer 4

[zooks]

Вот здесь описано как с помощью CSS заверстать различные геометрические фигуры:
https://css-tricks.com/examples/ShapesOfCSS/

Еще одна хорошая ссылка:
enjoycss.com/gallery/shapes/dN

Comments

[Dmitry Buravtsov]

это уже видел, пока сам гуглил, спасибо