安装
npm install animate.css --save引入
import 'animate.css';使用
<div class="animate__animated animate__bounce">Hello, Animate.css!</div>自定义
.your-classname {
animation-duration: 1.8s; /* 动画持续时间 */
animation-delay: 2s; /* 动画延迟时间 */
animation-iteration-count: infinite; /* 动画循环次数 */
}
2. AOS (Animate On Scroll)
官网：https://michalsnik.github.io/aos/
3. WOW.js
4.GSAP
官网 ：https://gsap.com/ GitHub ：https://github.com/greensock/GSAP
官网 ：https://animejs.com/ GitHub ：https://github.com/juliangarnier/anime
官网 ：https://inspira-ui.com/ GitHub ：https://github.com/unovue/inspira-ui
这是一款专门为 Vue3 设计的动效组件库，官方示例有 100 + 个。它自带超多惊艳的动画效果，像炫酷背景、粒子特效、按钮交互等，无需额外引入其他库就能做出流畅的过渡效果。
7. Uiverse.io
官网 ：https://uiverse.io/ GitHub ：https://github.com/uiverse-io
8. NavNav+
9. Galacean Engine
Galacean Engine 是蚂蚁重磅开源 Web 3D 动效引擎，是一个专注于 3D 场景实时渲染的引擎，它在动画方面也有着出色的表现。
官网 ：https://galacean.antgroup.com/engine/ GitHub ：https://github.com/galacean/engine
11. Tween.js
官网 ：https://tweenjs.github.io/tween.js/docs/user_guide.html GitHub ：https://github.com/tweenjs/tween.js
官网 ：https://motion.unovue.com/
GitHub ：https://github.com/motiondivision/motion-vue
官网 ：https://docs.tresjs.org GitHub ：https://github.com/tresjs/tres