Javascript 当使用CSS3转换时，相当于jQuery.animate步骤函数

我正在使用CSS转换来为屏幕周围的圆（节点）设置动画

CSS:

JS:

我希望能够随时了解转换属性，以便更新连接节点的线

如果我使用jQuery动画，我可以使用“step”函数。CSS转换中有类似的东西吗？我看过一个“WebKittTransitionEnd”事件，但没有看到单独的动画步骤

---

或者我必须使用计时器吗？

理论上，你可以使用计时器来获得动画元素的计算值，但它几乎保证运行缓慢。我从来没有感觉到需要一步一步地访问计算值，只是同时启动了两个或更多动画

<>如果你想动画更复杂的东西，比如圆圈之间的线，你应该考虑使用像这样的画布库。p> 已经有一些类似的演示，比如你想要完成的，比如一个

.circle {-webkit-transition: all 0.8s ease-in-out; }

 $('.circle').css({ webkitTransform: "translate3d(20px, 20px, 0px)" })