from V4 版本新增

从指定的 from 值动画到当前目标值。
必须在局部 tween 参数 Object 内定义。

必需

仅当未定义 to 属性时

接受

任何有效的 Tween 值类型

默认值

如果仅定义了 to 属性，则使用当前目标值

from 代码示例

import { animate } from 'animejs';

animate('.square', {
  opacity: { from: .5 }, // Animate from .5 opacity to 1 opacity
  translateX: { from: '16rem' }, // From 16rem to 0rem
  rotate: {
    from: '-.75turn', // From -.75turn to 0turn
    ease: 'inOutQuad',
  },
});

<div class="large row">
  <div class="square"></div>
</div>

上一个 下一个

to
delay