单位转换值

转换并动画化到与默认单位或当前使用单位不同的值。

当使用 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>

上一个 下一个

数值
相对值