Как в CSS сделать разделение div ассиметичной волной?

Question

[egorkozelskij]

Здесь блоки разделяются с помощью волны. Подскажите, как добиться такого эффекта?

Answer 1

[AoHeaven]

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

Comments

[egorkozelskij]

Если присмотреться, то координата Y картинки справа внизу заканчивается ниже, чем левый нижний угол, который вы предлагаете закруглить. Поэтому не получится так сделать.