Делаете одно повторение волны (растровым изображением) ставите на background, указываете background-repeat: repeat-x, затем развлекаетесь с разными пропорциями background-size. А конкретно ставите желаемую высоту в пикселях, а ширину в процентах можно.
