stagger()

通过在多个目标上逐步分配值来创建序列化效果。

交错（Stagger）函数式值是使用 stagger() 函数创建的。

import { stagger } from 'animejs';

const functionValue = stagger(value, parameters);

参数

名称	接受
值	交错（Stagger）值
参数 ^(可选)	错开参数

返回

基于函数的值

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>

本节内容

上一页 下一页