Как сделать background с позиционированием?

Question

[Александр]

На

скринах

видно как с одного блока переходит в другой background, как такое делается, пока что идей мало в голову приходит, картинками вставлять не вариант я считаю, нужно как то через цвет взаимодействовать. Заранее спасибо!

Answer 1

[Ankhena]

linear-gradient под нужным углом и вперед. Размеры рассчитайте как нужно.
https://jsfiddle.net/kqats0py/ тут размеры просто так, первое что в голову пришло.

Comments

[Александр]

Например вот у меня идет

хедер

А потом уже другая

секция

Как мне такое рассчитать, может есть примеры, потому что, я не совсем понимаю реализацию

[Ankhena]

Александр, можно засунуть этот фон в псевдоэлемент второй секции и сдвинуть на высоту выступающих уголов.
Можно задать его для обертки обеих секций и считать на js.
Можно еще что-нибудь.

[Александр]

Ankhena, окей, вроде понятно, буду пробовать)

[Ankhena]

Александр, если что, приходите с кодом.