如何使用anime js创建文本显示动画？

Anime.js 是一个轻量级的 JavaScript 动画库，可以用来创建各种动画效果，包括文本显示动画。下面是使用 Anime.js 创建文本显示动画的步骤：

引入 Anime.js 库：在 HTML 文件中引入 Anime.js 库，可以通过下载库文件并使用 <script> 标签引入，也可以使用 CDN 引入。例如：

<script src="https://cdn.jsdelivr.net/npm/animejs"></script>

创建动画目标元素：在 HTML 文件中创建一个用于显示文本的元素，例如 <div> 或 <span>。给该元素设置一个唯一的 ID，以便在 JavaScript 中获取该元素。例如：

<div id="textAnimation"></div>

编写 JavaScript 代码：在 JavaScript 文件中编写代码来创建文本显示动画。首先获取目标元素，然后使用 Anime.js 的 API 来定义动画效果。例如：

// 获取目标元素
var textElement = document.getElementById('textAnimation');

// 定义动画效果
anime({
  targets: textElement,
  opacity: [0, 1], // 透明度从 0 到 1
  translateY: [50, 0], // Y 轴平移从 50px 到 0px
  duration: 1000, // 动画持续时间为 1 秒
  easing: 'easeOutExpo' // 缓动函数为 easeOutExpo
});

在上面的代码中，targets 指定了动画的目标元素，opacity 和 translateY 分别定义了透明度和 Y 轴平移的动画效果。duration 指定了动画的持续时间，easing 指定了动画的缓动函数。