Как сделать такое на css?

Question

[godsplane]

prntscr.com/q7uaa6
Думал как то через clip parth, но у меня не вышло .
Какие есть варианты решения этой задачи?

Answer 1

[Jack Williams]

Если без SVG и clip parth - то при помощи 2-х наклоненных DIV'ов с position: absolue и transform: rotate(), разумеется. Вот так

Comments

[Николай]

лучше 2 псевдоэлемента 1го дива, а еще лучше треугольники

Answer 2

[Иван Фролов]

Вообще 2 дива с transform: screw

Answer 3

[forspamonly2]

три фона на элементе: картинка и два линейных градиента с одинаковым резким переходом от цвета к прозрачности, но под противоположными углами.