<!--▼▼▼▼▼ここから「ウェーブアニメーション」--> <svg style="display:none"> <defs> <path id="wavePath" d="M0 30 V15 Q30 3 60 15 T120 15 V30z" /> </defs> </svg> <div class="wave-section"> <div class="wave wave-top"> <svg viewBox="0 0 120 28" preserveAspectRatio="none"> <g class="wave-wrap"> <use href="#wavePath" x="0" y="0" /> <use href="#wavePath" x="120" y="0" /> </g> </svg> </div> </div> <!--▲▲▲▲▲ここまで「ウェーブアニメーション」-->
cssフォルダのstyle.cssから「wave」でテキスト検索してみて下さい。詳しい解説もあります。
波の色、高さ、速度もcssで調整できます。