效果演示
页面结构编写
使用radio制作导航(html结构搭建)
使用radio制作导航(添加样式)
使用radio制作导航(当前导航样式设置)
导航三角制作
导航页面切换(1)
导航页面切换(2)
导航页面切换(3)
导航页背影动画制作(图标三角背景制作)
导航页背影动画制作(@font-face实现小icon)
导航页背影动画制作(animation与transition区别)
导航页背影动画制作(animation制作动画)
细节处理
自适应处理
总结
1、如何分析动画效果 2、如何使用@font-face引入自定义的字体 3、如何使用transform变换实现平移、旋转 4、如何使用transition实现过渡动画 5、如何使用animaition和keyframes定义动画