reversed V4
定义动画的初始方向。
接受
布尔值
- 如果设置为
true
,动画将向后播放。 - 如果设置为
false
,动画将向前播放。
默认值
false
要全局更改默认值,请更新 engine.defaults
对象。
import { engine } from 'animejs';
engine.defaults.reversed = true;
反转代码示例
import { animate } from 'animejs';
animate('.dir-normal', {
x: '17rem',
reversed: false, // Default behaviour
loop: true
});
animate('.dir-reverse', {
x: '17rem',
reversed: true,
loop: true
});
<div class="medium row">
<div class="circle dir-normal"></div>
<div class="padded label">reversed: false</div>
</div>
<div class="medium row">
<div class="circle dir-reverse"></div>
<div class="padded label">reversed: true</div>
</div>