SVGは画像と違いXMLがベースになっている。対応しているブラウザならそのままHTMLに埋め込んだり、CSSを加えたりJavaScriptでIDを指定して操作することができる。 See the Pen SVGでアニメーション by sato4yoshida (@sato4yoshida) on CodePen. 1 これはIllustratorで書きだしたSVGをHTMLに埋め込んで、処理をちょっと変えるJavaScriptを加えたもの。 アートボードが1枚、レイヤーに1コマずつ割り振られている状態 n秒間ごとに各レイヤーのCSSを書き換え、display:none;したりblockにしたりと、GIFアニメと同じ要領でアニメーションしている。 25コマでカバが1周するが、パス自体は13コマ分しかない。 半分は反転させることで再現している。この反転の処理も、CSSのtransformで sc