Question

我正在尝试通过使用TweenMax增加旋转量，每X秒将对象设置为180度动画。特别是CSSPlugin内的2D变换。

当前问题

每次触发新的“动画”时，元素会将其旋转重置为零度，然后转换为180度。

预期结果

我想要做的是每次向当前总旋转添加额外的180度。例如：180,360,540等。

当前代码段＆amp;实施例

以下是我的TweenMax代码的大部分内容：

TweenMax.to(el, 1, {
  rotation: '+=180',
  repeat: -1,
  repeatDelay: 1,
});

可以查看完整示例here。

Answer 1

GSAP将应用＆＃34;短＆＃34;如何在动画中达到结束旋转的方式。您应该使用_cw或其他选项告诉库您希望如何应用旋转。

实例：

var el = document.querySelectorAll('#box');

TweenMax.from(el, 1, {
  rotation: '+=360_cw',
  repeat: -1,
  repeatDelay: 1,
});