简介：本课程带领大家使用JS和CSS3技术实现粽子动画的效果，课程分为“分析动画特效”和“开发”两个部分，分析动画部分使用“关键时间点逆向分析”的方法带领大家把动画制作过程揭秘出来，“开发”部分，首先对动画效果进行深入剖析、然后再进行动画的一步一步分步制作。
第1章 课程介绍及分析
本章节对效果进行了演示，以及使用了“关键时间点逆向分析”的方法带领大家把动画制作过程揭秘出来。
第2章 代码实现
本章节先对静态界面&元件概念进行讲解，然后使用纯 CSS 实现动画和过渡动画效果，以及脚本实现时间线类和构建场景动画，到最后完成粽子的旋转动画效果。
- 视频： 2-1 开发环境介绍 (03:37)
- 视频： 2-2 完成基本界面元素（一） (10:40)
- 视频： 2-3 完成基本界面元素（二） (11:13)
- 视频： 2-4 定义抖动的CSS动画 (07:16)
- 视频： 2-5 完成祝福语CSS过渡动画 (08:37)
- 视频： 2-6 动画样式（粽肉动画） (17:11)
- 视频： 2-7 动画样式（文字动画） (08:26)
- 视频： 2-8 动画样式定义（文字视角） (07:46)
- 视频： 2-9 脚本编写时间类构造器 (10:38)
- 视频： 2-10 用时间类编写展开粽子动画序列（一） (10:06)
- 视频： 2-11 用时间类编写展开粽子动画序列（二） (04:20)
- 视频： 2-12 实现托盘旋转动画 (15:45)
- 视频： 2-13 图片加载器解决闪动 (03:48)