总计错步
定义自定义错列长度,而不是使用错列目标的实际总长度。
如果使用 use 参数定义的自定义顺序的最大值低于使用 from、 reversed 或 ease 参数时错列目标的实际数量,这非常有用。
接受
数字
默认
null
Stagger 完整代码示例
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>