1. home
  2. /tutorial
  3. /svg animation

SVGアニメーションの実装

Tips

SVGを使ったアニメーションの実装に関するチュートリアル

※本ドキュメントの内容は本サービス向けの内容になります。

SVGアニメーションとは

ベクタ形式の画像フォーマットであるSVGファイルを用いることで、Webページ上で図形にアニメーションを付与する手法です。

SVGアニメーションの主な事例

  • 一筆書きアニメーション(サンプルはこちら※外部サイト)
  • ハンバーガーメニュー(サンプルはこちら※外部サイト)
  • パーティクルアニメーション(サンプルはこちら※外部サイト)

SVGアニメーションをご依頼いただく場合

実装したいアニメーションを担当者までご連絡ください。アニメーションの種類によってご用意いただくSVGファイルの種類は変わります。または、SVGファイルとアニメーションを付与したいパラメーターをご共有ください。

※SVGアニメーションをご依頼いただくには、別途お見積りが必要です。