纯css实现波浪效果
原理原理十分简单，我们都知道，一个正方形，给它添加 border-radius: 50%，将会得到一个圆形。
border-radius：用来设置边框圆角，当使用一个半径时确定一个圆形。好的，如果 border-radius 没到 50%，但是接近 50% ，我们会得到一个这样的图形：
注意边角，整个图形给人的感觉是有点圆，却不是很圆。额，这不是废话吗 ？
好的，那整这么个图形又有什么用？还能变出波浪来不成？
没错！就是这么神奇。:)我们让上面这个图形滚动起来(rotate) ，看看效果：
可能很多人看到这里还没懂旋转起来的意图，仔细盯着一边看，是会有类似波浪的起伏效果的。
而我们的目的，就是要借助这个动态变换的起伏动画，模拟制造出类似波浪的效果。
实现当然，这里看到是全景实现图，所以感觉并不明显，OK，让我们用一个个例子看看具体实现起来能达到什么样的效果。
我们利用上面原理可以做到的一种波浪运动背景效果图：
后面漂浮的波浪效果，其实就是利用了上面的 border-radiu
...