2023/1/9
SVGアニメーションを簡単に作れるツールを紹介します。
使うツールは「SVG グラデーション アニメーター」と言います。
このツールは、簡単にSVGのグラデーションのアニメーションを作れます。
このステップでアニメーションを作れます!
SVG グラデーション アニメーター にアクセス
使いたいアニメーションパターンを選択
好きな色に変える
ダウンロードするだけ
https://technologies.anharu.me/tools/gradient-svg にアクセスしてください。
こちらのような画面です↓
現在使えるパターン
回る円形グラデーション
波のグラデーション
横に動くグラデーション
右上のメニューからアニメーションを変えられます。
右側のパネルから色を変えられます。色を変えると即時に反映されるので、好きな色に調整してみてください!
プレビューの右下のボタンからSVGをダウンロードできます。
あなたのWebサイトに使用してみてください!
関連記事
2023年1月9日公開