svg+css3做一个动感的波浪效果实现

一根矢量的波浪 <svg viewBox="0 0 560 20" class="wave-animation__water-wave wave-animation__water-wave--front"> </svg> <svg id="wave" width="100%" height="100%"> <path d="M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5