Html CSS动画:角度/曲线中的TranslateX()?
在这里,你可以看到它从右向左移动,但是我怎样才能使它以某种角度运行呢,我想让它从右到左,在地球上的曲线上运行Html CSS动画:角度/曲线中的TranslateX()?,html,css,css-transitions,css-animations,Html,Css,Css Transitions,Css Animations,在这里,你可以看到它从右向左移动,但是我怎样才能使它以某种角度运行呢,我想让它从右到左,在地球上的曲线上运行 它可能与旋转(x度)有关。?您需要在x轴和Y轴上添加动画,使其看起来像是在曲线上 下面是一个小提琴的例子: X运动在项目(点)上,Y运动在:after上,这给了它一条曲线。可以调整x和y值(在关键帧中)以更改曲线的角度 dot { animation: xAxis 15s linear infinite; position: absolute; left: 0; bottom: 0;
它可能与旋转(x度)有关。?您需要在x轴和Y轴上添加动画,使其看起来像是在曲线上 下面是一个小提琴的例子: 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;
}
您可以用图像替换“.”
此代码改编自本网站上的示例:
FYI:此问题可能会以副本的形式结束。您可能需要将答案复制并粘贴到重复问题的新答案上(即复制源文本并创建新答案)。如果这样做了,您应该在发布该问题的答案后删除该答案(不鼓励重复答案)。您可能希望尽快完成此过程,因为该问题可能会被关闭,因为该问题本身中不包含(调试问题在主题上是必需的)。