Smooth transitions with the View Transition API | View Transitions | Chrome for Developers

The View Transition API gives you the power to create seamless visual transitions between different views on your website. This creates a more visually engaging user experience for users as they navigate your site, regardless of whether it's built as a multi-page application (MPA) or a single-page application (SPA). Typical situations where you would use view transitions include: A thumbnail image

[yasu-log]

View Transitions APIに対応していないブラウザだと演出無しとしてフォールバック可能、prefer-reduced-motionでクエリーをはって演出なしバージョンも提供可能。

[teppeis]

デモ映えするAPIがきたな

[tofu-kun]

単にページ遷移にアニメーション適用するのではなく、対応するには JS で DOM 書き換えを手動でやる必要があるのか