交错总数

定义一个自定义的交错（stagger）长度，而不是使用交错目标的实际总数。
当使用 from、reversed 或 ease 参数时，如果通过 use 参数定义的自定义顺序的最大值小于交错目标的实际数量，此属性非常有用。

接受

数字

默认值

null

Stagger total 代码示例

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>