2024年6月リリースのChrome 126とEdge 126でJavaScriptなしでも利用可能になったView Transiton APIの実装テストを兼ねたサイトです。
JavaScript無しとは言え、view-transition-nameがページ内に複数ある場合には起動しないらしいです。
そのためJSで「pageswap」イベントで遷移元ページからの離脱時にview-transition-nameを付与（その後noneに）と「pagereveal」イベントを使用して遷移先ページの読み込み時にview-transition-nameを付与（その後noneに）というようにview-transition-name一時的に付与することでダブりが無いように実装しました。
下記サイトを参考にしました。
