View Transitions API:頁面轉場終於不必全靠框架
過去要做跨頁轉場,往往需要框架、動畫函式庫,甚至刻意把頁面維持在同一個 SPA 生命週期中。
View Transitions API 提供了一個更接近平台層的選項。最重要的原則仍是漸進增強:沒有轉場時,導覽也要正常運作。
文章列表進入內容、圖片縮圖展開成詳情頁,都是很適合的使用情境;同時也別忘了尊重使用者的 reduced motion 偏好。
過去要做跨頁轉場,往往需要框架、動畫函式庫,甚至刻意把頁面維持在同一個 SPA 生命週期中。
View Transitions API 提供了一個更接近平台層的選項。最重要的原則仍是漸進增強:沒有轉場時,導覽也要正常運作。
文章列表進入內容、圖片縮圖展開成詳情頁,都是很適合的使用情境;同時也別忘了尊重使用者的 reduced motion 偏好。
網站如何為 AI agent 提供結構化操作,同時保留授權和使用者確認。
與其只問能不能用,不如建立一致的支援基準,讓產品與工程討論更精確。
整理 Safari 26 的 Anchor Positioning、捲動動畫、HDR、憑證與安全 API。