Как лучше реализовывать подобное?

Question

[justifycontent]

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

Comments

[Ankhena]

Странно, что у вас не получилось нагуглить.

У той части картинки, где волна у вас вообще сплошной цвет. Т.е. есть элементарное решение - просто наложить эту волну через svg в bg.

А так, clip-path
https://www.shapedivider.app/
https://getwaves.io/
и т.д.

Answer 1

[Edward Gricc]

box-shadow + blur + тысяча вариантов например всё это div плотно стоящие друг к другу просто у каждого свой цвет а меняеться он при помощи keyframes благо css3 позволяет ну или просто анимация если достаточно трёх полос то можно через псевдо after before надо понять что решений есть много и лучших не бывает бывают только подходящие и не очень)

Answer 2

[Alex_mos]

Можно так