¿Cómo hacer una línea de borde ondulada para separar las imágenes de fondo en html5/css?

I'm looking to create a wavy line border/separation between 2 .png textures for a background for a website like the one below:

enter image description here

It was done in a software like illustrator or something for the mock ups to a web page and I was wondering is it possible to recreate it using html5/css or is there a free software that it can be drawn in although this would be a last resort as I'm not the most artistic? All help appreciated, thanks!

preguntado el 27 de noviembre de 13 a las 18:11

1 Respuestas

If your backgrounds are that simple and loopable, you could create the black one with the wave (loopable in x-dimension) and then use multiple backgrounds.

background: url(black.png) left top repeat-x, url(brown.png) left top repeat

respondido 27 nov., 13:18

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.