如何解决Animate.css 在我的 Vue 3 项目中没有动画
我只是想在我的 Vue 3 应用程序中做一些基本的 html 动画,但 Animate.css 示例不起作用。
特别是,在使用 npm install animate.css --save
安装动画 css 依赖项后,示例动画代码 <h1 class="animate__animated animate__bounce">An animated element</h1>
在我的页面加载时不会动画。标题呈现但只是坐在那里,一动不动。
我尝试过其他解决方案,例如 changing windows performance、adding animated
to the class 等,但没有奏效。
我看到一些解决方案使用 CDN 来链接库,但我认为我不应该这样做,因为我使用 npm 来安装它。
我做错了什么?
<template>
<div class="container-fluid" id="app">
<h1 class="animate__animated animate__bounce" style="color:white">An animated element</h1>
</div>
</template>
解决方法
将 animate.css 导入您的 main.js 文件
import 'animate.css';
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。