SVGに詳しい人教えて！

[0001 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 15:58:45.285 ID:O+qjPe7WM]

NowLoading…を一文字ずつぴょんぴょん跳ねさせたいんだけど、どうすればよいの？

[0002 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 15:59:19.960 ID:fV/4lQJ70]

SVGだけではできなくない？

[0003 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 15:59:28.315 ID:GSQJzIy9d]

こころがぴょんぴょん

[0004 以下、無断転載禁止でVIPがお送りします 2022/01/15(土) 15:59:48.151 ID:R6ljFN2Md]

定位置で作ってy座標だけ移動

[0005 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 15:59:53.093 ID:nGUtLg+d0]

CSSでよくない？

[0006 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 16:00:19.149 ID:2nVIxHZZ0]

いつもぴょんぴょん可能

[0007 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 16:07:02.197 ID:VQlfZ10+d]

何がどう流行ってるのかと思えば
Illustratorで保存したやつを単にパスの始点から終点までをCSSで遅延表示させる読みにくいだけのやつだった

[0008 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 16:15:05.452 ID:O+qjPe7WM]

cssが対応してなくて、SVG単体で処理しなきゃダメっぽい
サークルなら順にポンポンできるんだけど、これ一文字ずつ設定すればできちゃうやつ？

[0009 以下、5ちゃんねるからVIPがお送りします 2022/01/15(土) 16:18:48.568 ID:nGUtLg+d0]

いやできるよ
一文字ずつdivで囲ってキーフレームでトランスフォームするだけ