这个动效怎么实现的呢？

[selfcreditgiving]

https://www.youtube.com/watch?v=isZhC5YpzDM&feature=youtu.be

视频可能看不是很清楚，可以去这个网站看看 http://topology.le5le.com/

看都这个彗星流向效果的动画，自己尝试了一下没有做出来，有谁知道这个用前端的技术（ svg 、canvas 、keyframe 等）应该怎么实现呢。

流动的红线在转弯的时候，不是直接 rotate 90deg， 我猜想是一个个的圆连成的一条，用到了一个渐变色，但是自己没试出来。

[selfcreditgiving]

好像不能插入视频啊

[delectate]

svg 可以。google 一艘就有： https://css-tricks.com/svg-line-animation-works/

[selfcreditgiving]

@delectate #2 多谢回复。单是画线（ path ）这个我倒是知道的，这个动效里，会运动的那个东西其实比路径的线要宽一点，可能录屏看的不太清晰，还有一个彗星彗尾的效果（头部颜色深，尾部浅），可能需要叠加两条一粗一细两条线吧，可是类似彗星的效果还没什么思路。