CSS动画 - 从中​​心

时间:2016-03-02 14:26:11

标签: css animation

我会尽力描述,希望这是有道理的......

我希望有几个圆圈在彼此之上,然后使用css动画,我希望圆圈沿着一个半圆/椭圆路径远离中心,以不同的角度完成围绕起点的圆圈...

我已经想出如何让动画“绕轨道”成为一个中心点,但我找不到改变轨道角度的方法。

@keyframes curveBall {
  0% {
    transform: rotate(0deg) translateX(150px);
  }
  100% {
    transform: rotate(360deg) translateX(150px);
  }
}

我曾想过创造几个在中间相交但在不同方向上轨道运行的轨道,然后让轨道从交叉点开始然后只执行轨道的一部分,但我仍然无法弄清楚如何获得它工作。任何帮助将不胜感激,谢谢。

编辑:这是一个演示,它显示了我想要去的地方 http://dabblet.com/gist/f30d86cebe9790faadf6

0 个答案:

没有答案