SVG Wave Divider

Animated wave shape using SVG path animation.

.wave-wrap { position:relative; }
.wave-wrap svg { display:block; width:100%; }
.wave-wrap path { animation:waveM 4s ease-in-out infinite alternate; }
@keyframes waveM { to { d: path("M0,64 C120,20 240,100 360,64 C480,28 600,100 720,64 L720,150 L0,150 Z"); } }