手机网站活动策划方案,传统文化传播公司网站建设,北京火车站网站建设,网站建设基本目标用 wow.js 就可以实现动画效果#xff0c;但由于里面的动画样式太少#xff0c;一般还会引入 animated.css
第一步#xff1a;下载
选择合适的包管理器下载对应的内容
pnpm i wow.js animated.css --save
第二步#xff1a;引入
在main.js中加入#xff1a;
import …用 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 classwow fadeInRight你好
/div
