在 CSS 中沿着曲线路径移动

Chris Coyier 于 2016 年 1 月 12 日

motion-path 已列入规范并且已经获得了一些支持。但正如 Tobias Ahlin 指出，还有另一种方法可以复制弯曲的运动路径

… 如果我们在我们要动画的对象周围添加一个容器，我们可以为 X 轴应用一个定时函数，为 Y 轴应用另一个定时函数。以下示例使用 ease-in 为 X 轴，ease-out 为 Y 轴。