Как сделать блоки в виде параллелограма?

Question

[One of Us]

Как сделать такие блоки на CSS и HTML. Без искажения контента внутри.

Answer 1

[Senseich]

Используйте transform: rotate(угол deg) для блока

Comments

[One of Us]

А так чтобы внутренний контент не трансформировался можно?

[Senseich]

Влад Поезжаев, ну как вариант контенту задать такой же угол, только отрицательный

[Senseich]

Влад Поезжаев, а лучше даже через skew , вот пример https://jsfiddle.net/48dvg3mb/7/

Answer 2

[Артем Пономарев]

Еще это можно реализовать с помощью border’a. Я сам на своем сайте нуждался в такой фишке, но с бордером не разобрался, поэтому пришлось использовать skew.