View Transitions API:頁面轉場終於不必全靠框架
過去要做跨頁轉場,往往需要框架、動畫函式庫,甚至刻意把頁面維持在同一個 SPA 生命週期中。
View Transitions API 提供了一個更接近平台層的選項。最重要的原則仍是漸進增強:沒有轉場時,導覽也要正常運作。
文章列表進入內容、圖片縮圖展開成詳情頁,都是很適合的使用情境;同時也別忘了尊重使用者的 reduced motion 偏好。
過去要做跨頁轉場,往往需要框架、動畫函式庫,甚至刻意把頁面維持在同一個 SPA 生命週期中。
View Transitions API 提供了一個更接近平台層的選項。最重要的原則仍是漸進增強:沒有轉場時,導覽也要正常運作。
文章列表進入內容、圖片縮圖展開成詳情頁,都是很適合的使用情境;同時也別忘了尊重使用者的 reduced motion 偏好。
用區域 View Transitions 處理列表、卡片與元件內部的畫面變化。