<transition name="qiqiu" appear>
<img v-show="show" src="https://abc/abc.jpeg" >
</transition>
transition的name属性如果不指定,默认为v。
appear指定网页加载显示就启动动画
<style type="text/css">
img{
width: 100px;
}
.qiqiu-leave,.qiqiu-enter-to{
opacity: 1;
transform: scale(1) rotate(0deg);
}
.qiqiu-leave-to,.qiqiu-enter{
opacity: 0;
transform: scale(0.2) rotate(180deg);
}
.qiqiu-leave-active,.qiqiu-enter-active{
transition: .3s all linear;
}
</style>
进入:enter enter-active enter-to
离开:leave leave-active leave-to