Как реализовать наклонные ленты через всю высоту страницы?

Question

[monochromer]

Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации):


Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты не идут к краям секции, а продолжают друг друга. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции.

Как реализовать задуманное?

Answer 1

[Станислав Дубровский]

Привет. Как вариант https://jsfiddle.net/udx25j4x/1/
Указал направление градиента в градусах и задал background-position.
Попробуй поиграть значениями.

Answer 2

[Дмитрий]

как вариант

jsfiddle.net/soledar10/348Lpkdo

Comments

[monochromer]

К такому варианту я изначально и пришел, но ленты идут не только из края в край, но и через середину секций.