交错

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

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

import { stagger } from 'animejs';

const functionValue = stagger(value, parameters);

参数

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

返回

基于函数的值

交错代码示例

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>

本节内容

上一页 下一页