CSS como cria um efeito web para a borda fica assim ?

[joaovitorm102]

gostaria de saber como faço um efeito web para a borda fica assim ou melhor ainda igual a que vi que a borda fica se movendo dessa maneira parecendo uma onda e de vez enquando aparece uma onda grande e vai ate o fim, achei incrivel.
alguém pode me explica o codigo se for enviado e ate mesmo me passa onde aprendo a fazer estes efeitos na borda,

[ricardo_br]

Como seria o efeito esperado essas ondas em todoas as bordas ou somente na de baixo:

 

 

[joaovitorm102]

45 minutos atrás, ricardo_br disse:

Como seria o efeito esperado essas ondas em todoas as bordas ou somente na de baixo:

 

 

exatamente assim mano porém e com css, o cara fez com keyframe a borda

 

[ricardo_br]

@joaovitorm102 Fui eu que criei essa imagem porém foi usando ffmpeg, ainda não sei CSS está na lista para aprender. Mais da uma olhada nesse tutorial em inglês eu acho que ajuda porque ensina a criar formatos de onda:

https://css-tricks.com/how-to-create-wavy-shapes-patterns-in-css/

[DiF]

@joaovitorm102 Vcê pode estudar este código para ver com foi feito:

 

https://codepen.io/andyfitz/pen/wvxpBWL

 

 

 Praticamente, usa o svg e  path, para criar as linhas e então combinar com o keyframe no css para fazer a animação