交错使用 V4

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

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

接受

一个有效的属性或特性名称字符串

默认值

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>