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>