管道流动效果---svg

最近有些迷恋上了动画,感觉好吊啊。正好碰到需求,需求是这样:类似流水线,要看到流动的方向,例如从左到右。最终使用svg 的polyline多线段绘制方法,并配合linearGradient设置渐变,实现。

管道流动效果---svg_第1张图片

 


  
    
    
    
    Document
    
  
  
    

后来再次基础上 实现健康宝页面小球动画。可是掉了好多头发终于感觉可行了。只能说svg好猛。

管道流动效果---svg_第2张图片

 


  
    
    
    
    Document
    
  
  
    

你可能感兴趣的:(css3,前端,css)