Как реализовать такой эффект?

Question

[Aleksandr Yurchenko]

Добрый день.
Подскажите, как реализовать подобный эффект:


Например, если мне нужно сделать параллелограмм, то я воспользуюсь transform: skewX, но тут искажение идет по двум сторонам. Как сделать что-то подобное?

Answer 1

[Владимир Коротенко]

https://jsfiddle.net/vkorotenko/y175ns4z/

Answer 2

[Thunder InTheGrass]

Здесь показано, как это сделать https://codepen.io/anna_blok/pen/wRweyN

Answer 3

[Павел Диденко]

Сделать 2 блока не пробовали?