How to make the menu items in the form of parallelogramma?

Question

Please tell me how to make the menu items form, as on the screen, and to be active. The picture do not fit.

Answer 1

Use pseudo-elements and transformation.
Look this example and understand everything.

Answer 2

Here it is described how to use CSS to Severstal various geometric shapes:
https://css-tricks.com/examples/ShapesOfCSS/

Another good link:
enjoycss.com/gallery/shapes/dN

Comments

already seen this while he was googling, thanks