补间参数

配置动画属性的值、时序和行为。
补间参数可以作为全局参数直接与其他动画参数一起指定给所有属性,也可以使用 Object 对象局部指定给特定属性。
所有可动画属性都会继承全局参数,但这些参数可以针对特定的补间进行局部覆盖。

animate('.square', {
  x: {
┌───────────────────┐
│   to: 100,        │
│   delay: 0,       ├─ Local Tween Parameters
│   ease: 'inOut(4)'│
└───────────────────┘
  },
  scale: 1,
  opacity: .5,
┌───────────────────┐
│ duration: 400,    │
│ delay: 250,       ├─ Global Tween Parameters
│ ease: 'out(3)',   │
└───────────────────┘
  loop: 3,
  alternate: true,
});