一款纯CSS的波浪动画，其实是通过3张不同的波浪png图片来控制位移达到的效果，并不是canvas里绘制的多个波浪效果，喜欢的童鞋请收下吧。
页面的head部分，需设置好页面元素的样式，代码如下：
页面的body部分，3种不同的波浪png不同放入不同div容器里面，代码如下：
<div class="waveWrapper waveAnimation">
<div class="waveWrapperInner bgTop">
<div class="wave waveTop" style="background-image: url('images/wave-top.png')"></div>
</div>
<div class="waveWrapperInner bgMiddle">
<div class="wave waveMiddle" style="background-image: url('images/wave-mid.png')"></div>
</div>
<div class="waveWrapperInner bgBottom">
<div class="wave waveBottom" style="background-image: url('images/wave-bot.png')"></div>
</div>
</div>
系统已开启自动识别垃圾评论机制，识别到的自动封号，下载出错或者资源有问题请联系全栈客服QQ 1915635791