单位转换值
转换并动画到与默认或当前使用的单位不同的值。
当使用 JS animate()
方法时,单位转换有时可能会根据使用的单位类型和动画属性产生意外结果。
为了获得更可预测的结果,建议使用 utils.set()
在动画外部定义单位,然后动画到当前单位。
或者,直接使用 WAAPI animate()
方法。
接受
字符串
单位转换值代码示例
import { animate, utils } from 'animejs';
animate('.square', {
width: '25%', // from '48px' to '25%',
x: '15rem', // from '0px' to '15rem',
rotate: '.75turn', // from `0deg` to '.75turn',
});
<div class="large row">
<div class="square"></div>
</div>