View Transition API を使用すると、ウェブサイトのさまざまなビュー間でシームレスな視覚的トランジションを作成できます。これにより、マルチページ アプリケーション(MPA)またはシングルページ アプリケーション(SPA)として構築されているかどうかにかかわらず、ユーザーがサイトを移動する際に、視覚的に魅力的なユーザー エクスペリエンスが実現します。 ビューの切り替えを使用する一般的な状況は次のとおりです。 商品リスト ページに表示されるサムネイル画像。商品詳細ページでは、この画像がフルサイズの商品の画像に切り替わります。 ページ間を移動しても固定されたままのナビゲーション バー。 フィルタリングするとアイテムの位置が移動するグリッド。 View Transition API で作成されたトランジション。デモサイトをお試しください。Chrome 111 以降が必要です。 ビュ

