como fazer este efeito?

Boa madrugada galera, hoje venho com uma duvida que não sei nem por onde começar a pesquisar.

Mas contudo ela ainda é simples...

Como eu consigo fazer um efeito de background em div como nessa imagem abaixo?

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/13BDBVU.jpg&key=f83270aa5c4e4c1593157cd58586445a77368cd104c21eb28f09ae32f21a8e4b" alt="13BDBVU.jpg" />

Se você olharem a div não é "quadrada" ela é reta até uma parte e depois começa esses triangulos laranja, que faria parte de uma mesma imagem ou simplismente uma outra div pro baixo.

Então gostaria de saber se é possivel fazer isso em uma div, e se for possivel, como?

Ou é apenas uma imagem de background no css?