View Transition API を使用すると、1 つのステップで DOM を簡単に変更でき、2 つの状態間の遷移をアニメーションで作成できます。この機能は Chrome 111 以降で利用できます。 View Transition API で作成された遷移。デモサイトを試す - Chrome 111 以降が必要です。 この機能が必要な理由 ページ遷移は見栄えが良いだけでなく、フローの方向を伝え、ページ間の関連性が高い要素を明確にします。データの取得中にも発生する可能性があり、パフォーマンスの認知が速くなります。 しかし、CSS トランジション、CSS アニメーション、Web Animation API などのアニメーション ツールはすでにウェブ上で公開されています。では、何かを移動するために新しいツールが必要なのはなぜですか? 実際、状態遷移は、既存のツールであっても難しいものです