Animate.css 在我的 Vue 3 项目中没有动画

Question

我只是想在我的 Vue 3 应用程序中做一些基本的 html 动画，但 Animate.css 示例不起作用。

具体来说，使用npm install animate.css --save示例动画代码安装 animate css 依赖项后<h1 class="animate__animated animate__bounce">An animated element</h1>，在加载页面时不会出现动画。标题已渲染，但只是坐在那里，一动不动。

我尝试过其他解决方案，例如更改 Windows 性能、添加animated类等，但没有成功。

我看到一些解决方案使用 CDN 来链接库，但我认为我不必这样做，因为我使用 npm 来安装它。

我究竟做错了什么？

<template>
  <div class="container-fluid" id="app">
    <h1 class="animate__animated animate__bounce" style="color:white">An animated element</h1>
  </div>
</template>

Answer 1

将 animate.css 导入到 main.js 文件中

import 'animate.css';