合理的默认设置

默认情况下，本地 WAAPI 动画需要设置持续时间，不会应用任何缓动，更麻烦的是，它不会保留最终值，用户需要在动画完成后手动设置最终样式。Anime.js 通过确保动画完成后保留动画状态，并使用与 JS animate() 方法相同的默认持续时间和延迟，简化了这一切。

语法比较

Anime.js

waapi.animate('.circle', { translate: '100px' });

WAAPI equivalent

const $el = document.querySelector('.circle');

$el.animate({ translate: '100px' }, {
  duration: 1000,
  easing: 'ease-out',
}).finished.then(() => {
  $el.style.translate = '100px';
});