Smooth and simple transitions with the View Transitions API | Web Platform | Chrome for Developers

The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states. It's available in Chrome 111+. Transitions created with the View Transition API. Try the demo site – Requires Chrome 111+. Why do we need this feature? Page transitions not only look great, they also communicate direction of flow, and make it clear which elements

[yasu-log]

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

[teppeis]

デモ映えするAPIがきたな

[tofu-kun]

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