交错修饰符代码示例
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>