stagger()

通过逐步将数值分配到多个目标来创建顺序效果。

Stagger 基于函数的值是使用 stagger() 函数创建的。

import { stagger } from 'animejs';

const functionValue = stagger(value, parameters);

参数

名称	接受
value	Stagger value
parameters ^(opt)	Stagger parameters

返回

基于功能的价值

stagger() 代码示例

import { animate, stagger } from 'animejs';

animate('.square', {
  x: '17rem',
  scale: stagger([1, .1]),
  delay: stagger(100),
});

<div class="small row">
  <div class="square"></div>
</div>
<div class="small row">
  <div class="square"></div>
</div>
<div class="small row">
  <div class="square"></div>
</div>
<div class="small row">
  <div class="square"></div>
</div>

在本节

上一页 下一页