動畫是良好使用者體驗的關鍵部分。巧妙的使用可以讓頁面設計更有趣、更吸引人,同時還能增強可用性和感知效能。
學習成果
-
瞭解為什麼需要CSS轉換(transforms)和動畫(animation)。
-
一個警告——過度使用會對可用性和可訪問性產生負面影響。
-
常見的轉換——縮放(scaling)、旋轉(rotation)和平移(translation)。
-
3D轉換,以及網頁上如何處理3D定位/透視。
-
過渡(Transitions)。
-
動畫(Animations)。
資源
Web 標準與語義
擴充套件模組
動畫是良好使用者體驗的關鍵部分。巧妙的使用可以讓頁面設計更有趣、更吸引人,同時還能增強可用性和感知效能。
學習成果
瞭解為什麼需要CSS轉換(transforms)和動畫(animation)。
一個警告——過度使用會對可用性和可訪問性產生負面影響。
常見的轉換——縮放(scaling)、旋轉(rotation)和平移(translation)。
3D轉換,以及網頁上如何處理3D定位/透視。
過渡(Transitions)。
動畫(Animations)。
資源