html5 实现波浪效果图 css3实现波纹特效 H5实现动态波浪效果

css3实现动态波纹特效，由于css3里面有过渡和动画效果，现在利用css3实现动态波浪效果就很简单了，直接使用transform来实现就ok， 使得translateX 产生偏移就可以不断实现循环动态效果，这样就比传统的flash来实现更为简单。而且对页面也比较友好的。

比如实现以下的背景波纹特效：

html5结构：

露娜

普通会员

18621535487

css3代码：

/*css3波纹*/

.wrap__uc-waves{overflow:hidden;height:1rem;width:100%;position:absolute;bottom:0;}

.wrap__uc-waves .wave{width:15rem;