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

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/

posted @ 2021-08-04 19:26  yw3692582  阅读(1175)  评论(0编辑  收藏  举报