Как реализовать изогнутые блоки?

Question

[Владимир Ионенко]

Добрый день коллеги! Интересует Ваше мнение, как лучше и правильнее реализовать такие изогнутые блоки ?

Answer 1

[Ivan Bogachev]

Посмотрите вот эту демку. Вариант немножко костыльный, но работает.

Comments

[Владимир Ионенко]

Я думал о таком варианте, есть вопрос, как тогда высчитать необходимые значения border-radius. Т.е. нужно все вручную подгонять ? Ведь с каждой стороны и у каждого блока свои углы скругления.

Answer 2

[Edward]

canvas?

Answer 3

[Александр Лысенко]

А запилите их в целом в SVG, может получиться. При этом градиент накладывается уже средствами css