View Transitions PoC

この PoC は同一 origin 上で /space/ と /chat/ を別 HTML page として serve する。 各 page で @view-transition { navigation: auto } を宣言し、 共通 header / nav-bar に view-transition-name を付ける。

下の nav から遷移すると、 header と nav が morph する。

• Chrome DevTools → Rendering → "Highlight ad frames" 横の Animations で view-transition group が見える
• header / nav は morph、 main 領域は cross-fade
• URL は localhost:5577 のまま path のみ変わる (same-origin)