【发布时间】：2017-09-01 20:33:42
【问题描述】：
Jsfiddle 在这里你可以看到它从右到左移动，但我怎样才能让它以某种角度运行。 Here it is integrated，我想让它从右到左运行，在地球上的曲线中。
可能和rotate(x deg)有关？
【问题讨论】：
标签： html css css-transitions css-animations
【发布时间】：2017-09-01 20:33:42
【问题描述】：
您需要在 X 轴和 Y 轴上添加动画，使其看起来像在曲线上。
这是一个小提琴示例： https://jsfiddle.net/kellyking/wug7opqs/1/
X 运动在项目（点）上，Y 运动在 :after 上，这给了它一条曲线。您可以调整 x 和 y 值（在关键帧中）以更改曲线的角度。
dot {
animation: xAxis 15s linear infinite;
position: absolute;
left: 0;
bottom: 0;
}
.dot::after {
content: ".";
display: block;
animation: yAxis 15s ease-in-out infinite;
}
您可以替换“。”用你的形象。
此代码改编自本网站上的示例： http://tobiasahlin.com/blog/curved-path-animations-in-css/
【讨论】：
-
仅供参考：此问题可能会作为one the OP posted, which is basically identical 的副本而关闭。您可能希望将您的答案复制并粘贴到重复问题的新答案中（即复制源文本并创建一个新答案）。如果完成，您应该在发布关于该问题的答案后删除该答案（不鼓励重复答案）。您可能希望尽快执行此过程，因为该问题可能会被关闭，因为它本身不包含 minimal reproducible example（调试问题需要成为主题）。