交错使用 V4

通过使用目标的属性或特性，定义自定义交错顺序，而不是使用目标的自然顺序。
属性或特性必须包含一系列数字，从 0 开始。

如果最高的自定义索引低于交错目标的实际总长度，并且同时使用 from、reversed 或 ease 参数，则必须定义自定义的 total 参数值。

接受

有效的属性或特性名称的 String

默认值

null

交错使用代码示例

import { animate, stagger } from 'animejs';

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

<div class="small row">
  <div class="square" data-index="2"></div>
  <div class="padded label">data-index="2"</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="3"></div>
  <div class="padded label">data-index="3"</div>
</div>
<div class="small row">
  <div class="square" data-index="1"></div>
  <div class="padded label">data-index="1"</div>
</div>