相对值 JS
将当前目标值增加、减少或乘以指定的量。
接受
| 前缀 | 效果 | 示例 |
|---|---|---|
'+=' |
增加 | '+=45' | '+=45px' |
'-=' |
减少 | '-=45' | '-=45deg' |
'*=' |
乘法 | '*=.5' |
相对值代码示例
import { animate, utils } from 'animejs';
const [ $clock ] = utils.$('.clock');
const [ $add ] = utils.$('.add');
const [ $sub ] = utils.$('.sub');
const [ $mul ] = utils.$('.mul');
const add = () => animate($clock, { rotate: '+=90' });
const sub = () => animate($clock, { rotate: '-=90' });
const mul = () => animate($clock, { rotate: '*=.5' });
$add.addEventListener('click', add);
$sub.addEventListener('click', sub);
$mul.addEventListener('click', mul);<div class="large centered row">
<div class="clock"></div>
</div>
<div class="medium row">
<fieldset class="controls">
<button class="button add">+ 90°</button>
<button class="button sub">- 90°</button>
<button class="button mul">× .5</button>
</fieldset>
</div>