В этой статье вы можете познакомиться с бесплатными примерами анимации волн, которые можно использовать у себя на сайте в качестве background или в проекте, над которым вы работаете. Кстати, некоторые примеры анимации могут не работать в вашем браузере, поэтому я советую для просмотра использовать Google Chrome.
Пример №1
See the Pen CSS Wave Animation with a .png by Jelena Jovanovic (@plavookac) on CodePen.light
Автор — Jelena Jovanovic
Сделано на — HTML / CSS
Пример №2
See the Pen Pure CSS wave animation by raykuo (@raykuo) on CodePen.light
Автор — raykuo
Сделано на — HTML (Pug) / CSS (SCSS)
Пример №3
See the Pen CSS wave animation by P. Rachel (@Prachl) on CodePen.light
Автор — P. Rachel
Сделано на — HTML / CSS
Пример №4
See the Pen CSS Wave Animation by cxv (@cxzv) on CodePen.light
Автор — cxv
Сделано на — HTML / CSS
Пример №5
See the Pen CSS Wave Animation -CSS by Cassie Evans (@cassie-codes) on CodePen.light
Автор — Cassie Evans
Сделано на — HTML / CSS
Пример №6
See the Pen Waves by Pushkar Anand (@pushkar8723) on CodePen.light
Автор — Pushkar Anand
Сделано на — HTML / CSS
Пример №7
See the Pen CSS Wave Animation by K.C.Ashish Kumar (@kcak11) on CodePen.light
Автор — PK.C.Ashish Kumar
Сделано на — HTML / CSS
Пример №8
See the Pen CSS Wave Animation by Josh Bader (@joshbader) on CodePen.light
Автор — Josh Bader
Сделано на — HTML / CSS