svgアニメーションについて

Question

svg　ラインアニメーションを実装したい

https://www.kk-koushin.com/index.html
のサイトみたいにイラストが終わった後に文字のラインアニメーションを入れたいのですが
調べても出てきません。

svgのアニメーションを作ることはできたのですが順番に動かすのがわかりません

Answer 1

対象のwebページのソースコードを見てみると

<!-- top anim -->
<script type="text/javascript" src="js/anime.min.js"></script>
<link href="css/top_anim.css" rel="stylesheet" type="text/css" media="all">

とあるので、anime.jsというライブラリを使っているかと思われます。
参考1 / 参考2

svgのアニメーションは作ることができているとのことですので、ここまではおそらく実装されているかと思います。
順番に動かす方法については、ライブラリのドキュメントを見たり、ソースコードの中のtop_illustanime.jsファイルが参考になるかと思います。
※opacityは透明度に関するアニメーション、strokeDashoffsetは破線アニメーション（ラインアニメーションに使われたりする）なので、そこに着目してみてください。

また、検索する中で vivus というライブラリもヒットしましたのでご紹介しておきます。