html5+CSS3实现水波浪浮动

1、准备水波浪素材。

3、书写hmtl代艨位雅剖码。<div class="waveWrapper waveAnimation"><div class="waveWrapperInner bgTop"> <div class="wave waveTop" style="background-image: url('img/wave-top.png')"></div></div><div class="waveWrapperInner bgMiddle"> <div class="wave waveMiddle" style="background-image: url('img/wave-mid.png')"></div></div><div class="waveWrapperInner bgBottom"> <div class="wave waveBottom" style="background-image: url('img/wave-bot.png')"></div></div></div>

5、页面代码整体结构。