效果演示
頁面結構編寫
使用radio製作導航(html結構搭建)
使用radio製作導航(添加樣式)
使用radio製作導航(目前導航樣式設定)
導航三角製作
導航頁面切換(1)
導航頁面切換(2)
導航頁面切換(3)
導覽頁背影動畫製作(圖示三角背景製作)
導覽頁背影動畫製作(@font-face實現小icon)
導覽頁背影動畫製作(animation與transition區別)
導覽頁背影動畫製作(animation製作動畫)
細節處理
自適應處理
總結
1.如何分析動畫效果 2、如何使用@font-face引入自訂的字體 3.如何使用transform變換實作平移、旋轉 4.如何使用transition實現過渡動畫 5.如何使用animaition和keyframes定義動畫