可以做一个animation，举一个例子，让一个元素在某一个范围之内，左距离和上距离同时改变但是，弧线要让两个距离改变速度变化不一致，所以最好一个元素改变上方距离可以是top也可是margintop，里面嵌入一个元素改变左边。

1该效果使用CSS3的columnwidth实现，和js版的瀑布流不同图片将纵向排列2代码中使用了一小段JS，和瀑布流效果无关，主要用来动态插入元素，并实现模拟翻页 举例说明 如图。

剩余的CSS3动画效果也是和上述相同，看下面的代码barfillstripes height15pxdisplayblockbackground#e74c3cwidth0borderradius8pxbackgroundimagelineargradient45deg，rgba255，255，255，2 25%。

微信小程序圆形波浪循环效果，是通过SVG可缩放矢量图形和CSS3动画技术实现的具体来说，是通过创建一个SVG的圆形路径，然后利用CSS3的动画来对圆形路径进行填充来实现的在CSS3动画中，我们可以利用关键帧@keyframes来。