错峰

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

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

import { stagger } from 'animejs';

const functionValue = stagger(value, parameters);

参数

名称	接受
值	错峰值
参数 (可选) ^(opt)	错峰参数

返回

基于函数的值

错峰代码示例

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>

本节内容

上一篇 下一篇