使用CSS的offset-path属性让元素沿着不规则路径运动

效果图:

用到的CSS属性:

• offset-path: 表示运动的路径
• offset-distance: 运动的距离，可以是数值或者百分比，如果是100%则表示走完整条路径

额外的属性:

• offset-rotate: 表示运动的角度, 默认是auto, 表示指定计算当前路径的切线方向, 也就是上图
• MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/offset-rotate

假设设置了: offset-rotate: 45deg;