MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました SVGとこれまでの画像バイナリと決定的に違う部分はなんと言ってもプログラムから操作しやすいということでしょう。アニメーションの定義などはSVG内でもできますが、より詳細なアニメーションはJavaScriptで制御できます。 そんなSVGを使って形状変化するアニメーションを定義できるのがShape Shifterです。 Shape Shifterの使い方 2つのボックスに対してSVGファイルを適用します。あまり複雑でないものがいいようです。 そしてプレビューを押すとアニメーションされます。 一例。マイナスがプラスに変わるアニメーション。 さらに変化点を変えることでアニメーションを若干変化させられます。 ハンバーガーメニューが矢印に変わるアニメーション。 Shape Shifterを使