SVGラインをアニメーション化するには、pathの長さに stroke-dasharray と stroke-dashoffset のCSS属性を設定するだけ。次に、 stroke-dashoffset プロパティをゼロにアニメーション化するトゥイーンを作成する。
stroke-dasharray
stroke-dashoffset
もちろん、他のCSSプロパティを操作することもできる。 特殊なSVG CSSプロパティの詳細については、この素晴らしい記事を参照してくれ。