Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript anime.js-如何将动画与不同的计时结合起来?_Javascript_Anime.js - Fatal编程技术网

Javascript 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

我想在一个元素上应用2个不同的anime.js动画。 但只有最后一个应用


您可以将两个动画合并为一个,但不能将
备用方向应用于特定属性。
但您可以使用关键帧来实现类似的效果:

  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
  });