无限动画动画

Question

我有一个无流动的模式图像，我正在使用重复的背景图像。

对于anime.js，我尝试每隔5秒执行一次backgroundPositionY: '-=10%'，但我希望它永远运行一次；而且由于图像是重复的，所以不会造成任何视觉问题。

有没有可能在不创建for循环或setInterval的情况下使用anime.js做到这一点？

anime({
     targets: 'h1 > div',
     backgroundPositionY: '-=10%',
     easing: 'linear',
     duration: 5000,
});

Answer 1

将循环设置为true应该可以无限地播放动画。您可能还希望添加direction:'alternate'，这样它就不会在每次循环后重置

   anime({
     targets: 'h1 > div',
     backgroundPositionY: '-=10%',
     easing: 'linear',
     duration: 5000,
     loop:true
    });