Terrace
2 色のグラデーションを 135deg で重ねただけの板
いま何が起きたか
このページの見出し画像は、一覧ページのカードと同じ view-transition-name を持っています。ブラウザは名前が一致する要素どうしを結びつけ、位置とサイズの差分を自動でアニメーションします。
JavaScript は 1 行も書いていません。リンクは普通の <a href> で、遷移も普通の MPA 遷移です。
← 一覧に戻る（戻る操作でも同じ遷移が走ります）
2 色のグラデーションを 135deg で重ねただけの板
このページの見出し画像は、一覧ページのカードと同じ view-transition-name を持っています。ブラウザは名前が一致する要素どうしを結びつけ、位置とサイズの差分を自動でアニメーションします。
JavaScript は 1 行も書いていません。リンクは普通の <a href> で、遷移も普通の MPA 遷移です。
← 一覧に戻る（戻る操作でも同じ遷移が走ります）