javascript - Anime.js 如何动画元素到页面中心的过渡？

Question

有一个元素，当页面加载时，应该从屏幕左侧平滑地移动到中心，这取决于设备的分辨率。 TranslateX 参数:0，不接受百分比。这有必要在 Anime.js 插件上精确实现。

Answer 1

您可以简单地使用 CSS 中的 transition 属性来完成，例如:

.example {
  transform: ....;
  transition: transform 1s ease-in-out;
}

这是一个简单的用例，但您必须使其适应您现有的代码，因为您没有发布任何内容让我将其放入。