前端美學/CSS 動效
CSS View Transitions API 完整教學：用原生 CSS 打造絲滑頁面過渡動畫
學會 CSS View Transitions API，用極少程式碼實現 SPA 與 MPA 頁面過渡動畫。含 2026 瀏覽器支援、效能優化與實戰範例。
楊靜宜11 分鐘閱讀
CSS 動效
前端美學/CSS 動效
CSS Anchor Positioning 錨點定位完全教學：告別 JavaScript 定位 Hack
學會 CSS Anchor Positioning 錨點定位，用純 CSS 實現 tooltip、dropdown、popover 定位，不再需要 JavaScript 函式庫。完整語法與實戰範例。
楊靜宜10 分鐘閱讀
前端美學/CSS 動效
CSS Scroll-Driven Animations 完整教學：捲動動畫的新時代來了
CSS Scroll-Driven Animations 讓你純用 CSS 實現流暢的捲動連動動畫。本教學涵蓋 scroll() 與 view() 時間軸、進度條、視差滾動、揭露動畫等實戰範例。
楊靜宜2026年3月17日8 分鐘閱讀