reversed
定义动画的初始方向。
接受
布尔
- If set to
truethe animation plays backwards - If set to
falsethe animation plays forwards
默认
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>