Criar background de quebra cabeça apenas no código

[avallon-azevedo 0]

Fala galera!

 

Tudo bem?

 

Minha dúvida é a seguinte: estou desenvolvendo o seguinte layout para um cliente:

 

 

 

Perceba que tem alguns backgrounds que são na forma de quebra-cabeça que, no momento, estou fazendo com imagens. Isso é meio complicado para encaixar na hora de deixar o site responsivo.

 

Eu gostaria de saber se alguém tem alguma solução para fazer isso apenas com HTML5/CSS3 e jQuery ou qualquer solução apenas no código. Não precisa ficar exatamente igual, mas se chegar perto desse efeito pessoal, já estaria perfeito.

 

Abraço!

[Electronic 124]

tenta com css border-image

http://www.w3schools.com/cssref/css3_pr_border-image.asp

http://border-image.com/