本篇经验主要讲述如何使用CSS制作多段不同路径的动画。
工具/原料
HBuilder
电脑
HTML
1、简单建立一个DIV标签，用于演示动画。
CSS
1、简单设置一些div的属性便于观察。
2、开始撰写动画。格式如下。其中name依据自己需要而定。
3、需要制作多段动画，因此在不同的时间上需要进行不同的变换。这里共写了5段。
4、当0%时，我们输入div的基本属性即可。
5、时，将div顺时针旋转45度，单位为deg。
6、时，div平移500px。
7、时，div的背景色变为绿色。
8、时，div逆时针旋转45度。
9、动画撰写完成后，将动画应用到div上。sty是动画的name，5s是动画进行的时间，infinite表示动画将循环播放。
10、CSS全部代码。
