概要总结
1、往返动画<animate>
2、旋转动画<animateTransform>
3、路径动画<animateMotion>
一、往返动画<animate>
1、<animate>参数
(1)attributeName：产生动画的属性名。
(2)attributeType：attributeType支持三个固定参数：CSS、XML、auto，用来表明attributeName属性值的列表。x、y以及transform属于XML；opacity等CSS属于CSS；auto为默认值，自动判别的意思（实际上是先当成CSS处理，如果发现不认识，直接XML类别处理）。因此，如果不确信某属性是XML类别还是CSS类别的时候，可以不设置attributeType值，直接让浏览器自己去判断。
(3)begin：规定动画开始的时间/什么时间触发了再执行动画。
(4)dur：动画时长，常规时间值 | "indefinite"，常规时间值例如3s，indefinite指动画不执行。
(5)fill：动画结束之后的状态。freeze为保持结束状态，remove为恢复初始状态。
(6)from：动画的起始值。
(7)id：动画的唯一标识。它的作用是存在多个<animate>时，它们相互引用的时候可以通过id来识别。
(8)to：动画的末尾值。
注意：一个动画只能设置一个属性值的变化，如果想同时设置多个属性值的动画效果，可以使用多个\<animate>标签分别控制。
2、动画示例
二、旋转动画<animateTransform>
1、<animateTransform>参数
(1)attributeName：产生动画的属性名。
(2)dur：动画时长，常规时间值 | "indefinite"，常规时间值例如3s，indefinite指动画不执行。
(3)from：动画的起始值。
(4)repeatCount：动画执行的次数，可以是合法数值或者无限"indefinite"。
(5)to：动画的末尾值。
(6)type：attributeName的子属性，例如attributeName设置为transform，那么type作为它的子属性，就有scale、rotate等。
2、动画示例
三、路径动画<animateMotion>
1、<animateMotion>参数
(1)begin：规定动画开始的时间/什么时间触发了再执行动画。
(2)dur：动画时长，常规时间值 | "indefinite"，常规时间值例如3s，indefinite指动画不执行。
(3)fill：动画结束之后的状态。freeze为保持结束状态，remove为恢复初始状态。
(4)path：动画的path轨迹。
(5)rotate：动画的起始值。
2、动画示例
四、代码链接
