Как делать такой задний фон?

Question

[generate]

Вообще не получается, вставляю background-color ровная линяя на заднем фоне.
В гугле ищу не могу найти как это делается, background-position тоже что то не то
И как фон налаживается на фон

Comments

[Антон Литвиненко]

Почему б не вставить тупо картинкой?

[Anton]

z-index в помощь, код бы приложили на codepen, это бы ускорило процесс

[generate]

Anton Semenov, Да я вообще не понимаю как это делается какой код )
В ютубе вроде нашел через svg вставляются такие элементы

[Anton]

generate, Самое простое это просто дивы с картинками png

фон налаживается на фон по очереди, слои регулируете через css с помощью z-index

Нагуглил за вас более сложный пример: https://codepen.io/anseme/pen/bGpLbPa

Если хочется понять принцип работы, читайте код

[Ankhena]

Этот фон разумнее всего сохранить/нарисовать как SVG.
И поставить его как background.

[BrTiam]

Антон Литвиненко, согласен!

[Rerurk]

1.Берете Corel, там все рисуете.
2. Сохранить как svg
3. Вставляете через svg boxview

Ps : будут маленькие танцы с бубном

Answer 1

[Олег]

Попробуй изучить canvas. Зная математику, все гораздо проще, чем тот же SVG.