首页 > Web开发 > 详细

Vue的 transition 配合 animate.css 做元素显示/隐藏的动画

时间:2021-08-04 22:32:24      阅读:35      评论:0      收藏:0      [点我收藏+]

1、在index.html中引入animate.css

2、使用 transition 标签包裹需要显示/隐藏的内容,通过 v-if 或者 v-show 来控制显示/隐藏,vue官网关于它的介绍:https://cn.vuejs.org/v2/guide/transitions.html

3、重点:在css中

技术分享图片

 

 

animation-name 就是 animate.css 中的动画名称,如下图所示:
技术分享图片

 

 animate.css官网:https://animate.style/

Vue的 transition 配合 animate.css 做元素显示/隐藏的动画

原文:https://www.cnblogs.com/lyt520/p/15100447.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!