CSS motion path

CSS motion path 模块允许作者沿着自定义路径为任何图形对象创建动画效果。

当您想要让元素沿着路径移动时，过去只能使用平移、位置等简单的动画方式，这些方法并不理想，只能实现简单的运动。通过 offset-path，您可以定义任意形状的特定路径。然后通过动画 offset-distance 让元素沿着该路径移动，并可以使用 offset-rotate 在任何点选择旋转元素。