用WOW.js和animate.css实现动画效果
- 创业
- 2025-08-30 22:42:02
用 wow.js 就可以实现动画效果，但由于里面的动画样式太少，一般还会引入 animated.css
第一步：下载选择合适的包管理器下载对应的内容
pnpm i wow.js animated.css --save 第二步：引入在main.js中加入：
import 'animate.css/animate.min.css' import 'wow.js/css/libs/animate.css'在需要使用动画的 vue 文件中引入：
import WOW from 'wow.js' 第三步：使用使用动画样式都需要加上‘wow’类名，可以在animate.css官网找到想要的动画样式：animate.css 官网
滑动到对应位置的时候就可以看到‘你好’从左侧淡入。
<div class="wow fadeInRight"> 你好 </div>用WOW.js和animate.css实现动画效果由讯客互联创业栏目发布，感谢您对讯客互联的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人网站或者朋友圈，但转载请说明文章出处“用WOW.js和animate.css实现动画效果”
