SVG パスアニメーション生成ツール
ブラウザーでパス描画を確認し、使える SVG と CSS をコピーします。
Up to 2,048 characters. Path commands and numeric syntax only.
使い方
使い方
- 2048 文字以内の SVG path d を入力します。
- 時間を設定してパス描画をプレビューします。
- SVG、CSS アニメーション、reduced-motion ルールをコピーします。
安全なパス入力
数字、空白、カンマ、小数点、負号、SVG パス命令だけを受け付け、2048 文字に制限します。タグ、属性、スクリプトは出力しません。
ローカルでアクセシブル
処理はブラウザー内で完了します。prefers-reduced-motion を含み、動きを減らす設定では完全なパスを表示します。
よくある質問
あわせて知りたいこと
パスはアップロードされますか？
いいえ。すべて現在のブラウザー内で処理します。
任意の SVG を入力できますか？
いいえ。制限された path d 構文だけで、タグ、属性、URL、スクリプトは受け付けません。