Как сделать уклон обоих элементов?

Question

[lemonlimelike]

Есть вот такой элемент
Вот ссылка на код
Как сделать вот так вот?

Answer 1

[Stalker_RED]

skewX
https://jsfiddle.net/cshoj06j/

Answer 2

[Ankhena]

Я, как обычно, за фон градиентом, без всяких трансформаций. Если что, то этот градиенто-фон можно задавать для before|after
https://jsfiddle.net/Ankhena/oa0ka25b/

background: linear-gradient(-45deg, #eee 50%, #000 50.1%);

Comments

[Ankhena]

https://jsfiddle.net/9jhgrspp/