布局回调

布局动画继承所有 时间线回调,允许您在播放期间的特定点执行函数,就像使用常规时间线一样。

import { createLayout } from 'animejs';

createLayout(root, {
  children: '.item',
  duration: 350,
  delay: 0,
  ease: 'inOut(3.5)',
  properties: ['boxShadow'],
  enterFrom: { opacity: 0 },
  leaveTo: { opacity: 0 },
  swapAt: { opacity: 0 },
┌───────────────────────────┐
│ onBegin: () => {},        │
│ onUpdate: () => {},       ├─ Callbacks
│ onComplete: () => {},     │
}).then(() => {});          │
└───────────────────────────┘

.then() 方法也可用于由 .update().animate() 返回的 Timeline