Как сверстать такие волны?

Question

[g0lovachlena]

Как верстать правильно такие волны?



Понимаю что уже много таких вопросов было, но в большинстве из них отвечают просто использовать svg. Проблема в том, что у меня не получается сделать их адаптивными.

Comments

[Rustam Bainazarov]

Картинкой.

[Rustam Bainazarov]

g0lovachlena, картинка на фон, на разных брейкпоинтах можно разные картинки, чтобы было адаптивно.

[origami1024]

Ты говоришь, что ты что-то делаешь на svg, но не получается.
Лучше всего будет если ты выложишь и укажешь что не так визуально в твоем варианте.

P. S. Аттрибут preserveAspectRatio="none" в svg используешь?

Answer 1

[origami1024]

Припоминая мои первые опыты с svg, аттрибут preserveAspectRatio="none" мне показался очень полезным в подобных задачах, и я на него долго не мог наткнуться.