SVGのトランジション SVGでマークアップされた要素にトランジション。 図形が入れ替わる。

リストの要素をグループ化して、追加、削除、移動のアニメーションを行う。 <transition-group>タグを使いtag属性でタグ名を指定する。tag属性を省略するとspan要素でラップされる。リストトランジションではキーの設定が必須。</transition-group>

<transition>タグの中に１つだけ存在する要素に対し使用するものを「単一要素トランジション」と呼ぶ。</transition>

トランジション用クラスの適用 トランジション効果を適用したい要素を<transition>タグで囲むことで、トランジション用のクラスが適用される。</transition>