cleanInlineStyles() V4

移除由指定实例添加的所有 CSS 内联样式。
可用作动画或时间线的 onComplete() 回调函数。

const cleanedInstance = utils.cleanInlineStyles(instance);

参数

名称 接受
实例 动画 | 时间线

返回

传递的动画时间线实例。

cleanInlineStyles() 代码示例

import { animate, utils } from 'animejs';

utils.set('.square', { scale: .75 });

animate('.keep-styles', {
  x: '23rem',
  borderRadius: '50%',
});

animate('.clean-styles', {
  x: '23rem',
  borderRadius: '50%',
  // This removes the translateX and borderRadius inline styles
  // But keeps the scale previously added outside of this animation
  onComplete: utils.cleanInlineStyles
});
<div class="medium row">
  <div class="square keep-styles"></div>
  <div class="padded label">Keep styles (default)</div>
</div>
<div class="medium row">
  <div class="square clean-styles"></div>
  <div class="padded label">Clean translateX and borderRadius</div>
</div>