交错总时长 V4

定义一个自定义的交错时长，而不是使用交错目标实际的总时长。
如果通过 use 参数定义的自定义顺序的最大值低于实际交错目标数量，并且使用了 from、reversed 或 ease 参数时，此功能非常有用。

接受

数字

默认值

null

交错总时长代码示例

import { animate, stagger } from 'animejs';

animate('.square', {
  x: '17rem',
  rotate: 90,
  delay: stagger(250, { use: 'data-index', total: 2, reversed: true }),
});

<div class="small row">
  <div class="square" data-index="0"></div>
  <div class="padded label">data-index="0"</div>
</div>
<div class="small row">
  <div class="square" data-index="0"></div>
  <div class="padded label">data-index="0"</div>
</div>
<div class="small row">
  <div class="square" data-index="1"></div>
  <div class="padded label">data-index="1"</div>
</div>
<div class="small row">
  <div class="square" data-index="1"></div>
  <div class="padded label">data-index="1"</div>
</div>