原生html开发的项目怎么使用Animatecss库

要在原生HTML项目中使用Animate.css库，你需要按照以下步骤进行操作：

在你的HTML文件中添加以下代码行，以引入Animate.css库：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">

确保你的HTML元素已经添加了适当的类名，以便使用Animate.css库中的动画效果。例如，你可以为一个元素添加animate__animated类，以启用动画效果，并为其添加其他类名来指定所需的具体动画效果。你可以在Animate.css的官方文档中找到可用的动画效果列表。
在你的HTML文件中，使用JavaScript代码来触发动画效果。你可以使用原生JavaScript或者其他JavaScript库（如jQuery）来实现这一点。例如，你可以在元素上添加一个点击事件监听器，并在点击时添加或删除适当的类名来触发动画效果。下面是一个使用原生JavaScript的例子：

<button id="animateButton">点击触发动画</button>

<script>
  const animateButton = document.getElementById('animateButton');
  animateButton.addEventListener('click', function() {
    const element = document.getElementById('elementId');
    element.classList.add('animate__animated', 'animate__bounce');
  });
</script>

注意：在这个例子中，你需要将elementId替换为你要应用动画效果的元素的实际ID。

这样就可以在你的原生HTML项目中使用Animate.css库了。你可以通过添加和删除适当的类名来触发不同的动画效果，并根据需要使用JavaScript来控制动画的触发时机。