适合在vue项目中使用的动画方案?

发布于 2022-09-11 16:45:50 字数 216 浏览 40 评论 0

想在已开发好的Vue项目上添加过渡动画,尽可能少的改动,又能提供炫酷的效果,不知各位有什么好方案?
①采用Vue的transition组件
②anime.js
③three.js

目前我想到的有上面3种,
方案①对CSS3要求较高,能力有限,用的不顺,炫酷点的特效能折腾半天;
方案②简单的动画好写,复杂点的有些麻烦,不知道有没现成的特效;
方案③这个hold不住

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

寄居人 2022-09-18 16:45:50

用animate.css配合transition使用 挺好用的

违心° 2022-09-18 16:45:50

vue2-animate for Vue.js 2

npm install --save vue2-animate

然后就可以直接用了

                <transition enter-active-class="zoomIn">
                  <router-view/>
                </transition>

Vue.js - Transition过渡动画的使用5(结合animate.css动画库的使用这个一系列的文章。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文