cleanInlineStyles()
移除指定实例所添加的所有 CSS 内联样式。
可用作 Animation 或 Timeline 的 onComplete() 回调函数。
const cleanedInstance = utils.cleanInlineStyles(instance);参数
| 名称 | 接受 |
|---|---|
| instance | 动画 (Animation) | 时间轴 (Timeline) |
返回
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>