質問: svg ラインアニメーションを実装したい https://www.kk-koushin.com/index.html のサイトみたいにイラストが終わった後に文字のラインアニメーションを入れたいのですが 調べても出てきません。 svgのアニメーションを作ることはできたのですが順番に動かすのがわかりません
回答: 対象のwebページのソースコードを見てみると ``` ``` とあるので、anime.jsというライブラリを使っているかと思われます。 参考1 / 参考2 svgのアニメーションは作ることができているとのことですので、ここまではおそらく実装されているかと思います。 順番に動かす方法については、ライブラリのドキュメントを見たり、ソースコードの中の`top_illustanime.js`ファイルが参考になるかと思います。 ※`opacity`は透明度に関するアニメーション、`strokeDashoffset`は破線アニメーション(ラインアニメーションに使われたりする)なので、そこに着目してみてください。 また、検索する中で vivus というライブラリもヒットしましたのでご紹介しておきます。