为什么我不能在animejs中的特定属性参数内应用循环属性

时间:2020-08-24 15:37:09

标签: javascript css-animations anime.js

我正在尝试使用animejs为两个块制作动画,而当使用translateX时,我无法在其中应用循环。

  {
    value: 300,
    duration: 1000,
    delay: 500,
    easing: 'easeInOutSine'
  },
  {
    value: 0,
    duration: 1000,
    easing: 'easeInOutSine',
    direction: 'alternate', 
    loop: true
   }
],

这不起作用。我本可以使用循环而不使用特定参数,但是有必要在开始时引入延迟,否则动画甚至会在内容加载之前就开始播放(我仍然将script标记放到最后),并且如果尝试使用循环在此之后,每轮之后它将继续延迟。

0 个答案:

没有答案