布局回调
布局动画继承所有 时间轴回调,允许你在播放期间的特定点执行函数,就像使用普通时间轴一样。
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() 方法也可以在 Timeline 上使用,该 Timeline 由 .update() 或 .animate() 返回。