nacal.io

View Transitions APIがイケてる

技術

このブログの一覧から個別ページの遷移にView Transitions APIを入れてみた。

https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API

View Transitions APIデモ

Nextでの実装もシュッとできていい感じになってくれたので気に入ってる。

機能的には遷移前と後の要素をAnimationでそれっぽく見せているだけなので、遷移後のテキストをinlineにしないと変な感じになるのだけ注意。

早く全ブラウザに対応してほしい。

記事一覧へ