vue2.0学习之动画

Posted 2020-10-26 甜甜宝宝

下载animate.css
<transition name="v">
<div class="content">需要做动画的内容</div>
</transition>

<style>
　　.content{
　　　　//也可以有其他的样式
　　　　transition: all 0.4s linear;
　　}
　　.v-enter-active, .v-leave-active{
　　　　/* 进入时和离开时的状态 */
　　　　transition: all 0.4s linear;
　　}
　　v-enter, .v-leave-active{
　　　　/* 刚进入和离开的状态 */
　　　　opacity:0;
　　　　transform:translate3D(24px,0,0);
　　}
</style>