[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも使うことができるようになったので紹介したいと思います。 View Transitions APIとは View Transitions APIは、画面遷移をなめらかに行うことができる機能です。 この機能を使うと、以下の動画で紹介されているように、ページ遷移にアニメーションをつけることができます。 まずはView Transitions APIの特徴から紹介したいと思います。 特徴1：異なるDOM要素間でアニ

[otchy210]

MPA でこれをやると、この CSS を知らないブラウザでは従来通りの挙動になるので、自然とプログレッシブエンハンスメントになるところが良いね。中途半端に実装するブラウザが現れた時が怖いが。

[field_combat]

ページ遷移時のアニメーションをCSSだけで出来るようになるらしい

[Shinwiki]

そんでChromeでしか動きませんってのやる気？そんなのIE6じゃん

[yarumato]

“Chrome126（2024年6月）から、View Transitions APIが別ページへの遷移でも使える。”