Stagger 修饰符
定义一个函数，该函数修改返回的 staggered 值。
接受
一个带有以下参数的 Function
参数
| 名称 | 描述 |
|---|---|
value |
当前动画数值 |
必须返回
Number | String
Stagger 修饰符代码示例
import { animate, stagger } from 'animejs';
animate('.square', {
boxShadow: [
{ to: stagger([1, .25], {
modifier: v => `0 0 ${v * 30}px ${v * 20}px currentColor`,
from: 'center'
})
},
{ to: 0 },
],
delay: stagger(100, { from: 'center' }),
loop: true
});<div class="small justified row">
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
</div>