Как сделать неровный блок с помощью css?

Question

[AlexRas]

Здравствуйте, подскажите как можно сделать такой блок?

Answer 1

[trushka]

Как-то так можно, только надо подгонять трансформации
https://jsfiddle.net/r0s6sr6h/

Answer 2

[Stalker_darkway]

transform.
Но учти, что тект тоже скошеный будет.
Так что оборачиваешь его еще в один див и делаешь ему обратный transform.

Comments

[AlexRas]

А как именно? Я не нашел возможности, с помощью transform, таким сделать блок, может что-то упускаю.

[Stalker_darkway]

Как вариант можно покопать в этом направлении: html5book.ru/3d-transform

Answer 3

[Павел]

Если через border-image, то здесь это хорошо описано: webformyself.com/kak-delaetsya-v-css-ramka-kartinka