animate.css的使用

版权声明：本文为博主原创文章，未经博主允许不得转载。联系[email protected] https://blog.csdn.net/div_ma/article/details/76168449

在用link或者是import引入animate.css

animate.css在vue2.0布局中的结构

<transition enter-active-class="animated bounceInRight" leave-active-class="animated bounceOutLeft">
    <p v-show="show">前端工程师：webmxj (个人网站)</p>
</transition>

enter-active-class是进入时的动画效果
leave-active-class是离开时的动画效果

bounceInRight这种是动画效果可以去
http://www.dowebok.com/demo/2014/98/
这个地址查看各个效果的名称