首先感谢# 探秘神奇的运动路径动画 Motion Path这篇文章由浅入深的动画原理讲解受益匪浅。再看实现的最终效果
了解一些实现动画重要的属性概念后，我们来一起学习自定义动画的具体实现步骤：
css 中常用属性
offset-path：接收一个 SVG 路径（与 SVG 的path、CSS 中的 clip-path 类似），指定运动的几何路径 offset-distance：控制当前元素基于 offset-path 运动的距离 offset-position：指定 offset-path 的初始位置 offset-anchor：定义沿 offset-path 定位的元素的锚点。 这个也算好理解，运动的元素可能不是一个点，那么就需要指定元素中的哪个点附着在路径上进行运动 offset-rotate：定义沿 offset-path 定位时元素的方向，说人话就是运动过程中元素的角度朝向
首先我们需要自定义SVG动画路径 SVG在线编辑器
其他动画效果演示：
gitee地址
demo1：直线+折线动画；
demo2:PNG+SVG动画；
demo3:不规则曲线双SVG动画；
demo4：自定义路径动画；
