Javascript anime.js-如何将动画与不同的计时结合起来?
我想在一个元素上应用2个不同的anime.js动画。 但只有最后一个应用Javascript anime.js-如何将动画与不同的计时结合起来?,javascript,anime.js,Javascript,Anime.js,我想在一个元素上应用2个不同的anime.js动画。 但只有最后一个应用 您可以将两个动画合并为一个,但不能将备用方向应用于特定属性。 但您可以使用关键帧来实现类似的效果: anime({ targets: ".box", translateX: 250, scale: [ {value: .5}, {value: 1} ], duration: 2000, easing: 'easeInOutSine', d
您可以将两个动画合并为一个,但不能将
备用方向应用于特定属性。
但您可以使用关键帧来实现类似的效果:
anime({
targets: ".box",
translateX: 250,
scale: [
{value: .5},
{value: 1}
],
duration: 2000,
easing: 'easeInOutSine',
direction: 'alternate',
loop: true
});
谢谢,但似乎不起作用:当长方体移动时,长方体的大小应该会振荡。方向设置为整个动画,不能指定为单个属性。但可以使用关键帧实现类似的效果。我更新了代码示例以反映这一点。谢谢你,Julian。更新后的代码可以正常工作。
anime({
targets: ".box",
translateX: 250,
scale: [
{value: .5},
{value: 1}
],
duration: 2000,
easing: 'easeInOutSine',
direction: 'alternate',
loop: true
});