como fazer este efeito?

[Junior Varoni 9]

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?

 

 

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?

[rikaschmitt 54]

Então.

Tem algumas maneiras de fazer isso:

 

1) várias imagens, uma em cima da outra.

2) Pseudo-elementos mexendo nas bordas.

3) Uma única imagem de fundo já com esse efeito.

 

Eu acho né.