Как реализовать с помощью SVG?

Question

[spacy fox]

Всем привет!
Ребята, подскажите, пожалуйста, как можно реализовать подобную "волну" с помощью SVG (или как-то иначе?), учитывая что в самом блоке будет находиться контент?


Если еще кто-нибудь может скинуть понятное руководство по SVG для нубов, буду мега благодарна!
Всем спасибо!

Answer 1

[Ivan Bogachev]

Хорошее руководство по SVG есть на developer.mozilla.org, особенно полезно почитать про пути - сколько я видел такие волны делают через кривые Безье. А примеры как всегда есть на codepen, например вот этот. Но стоит помнить, что в общем случае может быть проще нарисовать то, что нужно, в графическом редакторе и экспортировать, чем подбирать числа руками.