我会尽力描述,希望这是有道理的......
我希望有几个圆圈在彼此之上,然后使用css动画,我希望圆圈沿着一个半圆/椭圆路径远离中心,以不同的角度完成围绕起点的圆圈...
我已经想出如何让动画“绕轨道”成为一个中心点,但我找不到改变轨道角度的方法。
@keyframes curveBall {
0% {
transform: rotate(0deg) translateX(150px);
}
100% {
transform: rotate(360deg) translateX(150px);
}
}
我曾想过创造几个在中间相交但在不同方向上轨道运行的轨道,然后让轨道从交叉点开始然后只执行轨道的一部分,但我仍然无法弄清楚如何获得它工作。任何帮助将不胜感激,谢谢。
编辑:这是一个演示,它显示了我想要去的地方 http://dabblet.com/gist/f30d86cebe9790faadf6