创建轨道动画

Posted 2023-03-04

【中文标题】创建轨道动画

【英文标题】：Creating an orbit animation

【发布时间】：2022-01-16 22:23:47

【问题描述】：

我正在尝试使用 CSS 制作动画。我需要按照轨道中的线旋转图像，而不是圆形。它就像一个椭圆。 喜欢这张图片。

Image showing how should be the movement

这是我设法做的一些演示 https://codesandbox.io/s/orbit-animation-xhw3o

任何帮助将不胜感激 =D

【参考方案1】：

您可以从header-image.svg 文件中提取轨道d 属性，并将它们用作CSS 运动路径。 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Motion_Path

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。