Vue内置过渡动画-常用的类名

1.fade 淡入淡出

<transition name="el-fade-in-linear">
   <div v-show="show" class="transition-box">.el-fade-in-linear</div>
</transition>
<transition name="el-fade-in">
   <div v-show="show" class="transition-box">.el-fade-in</div>
</transition>

常用：el-fade-in-linear  和   el-fade-in 类

 

2.zoom 缩放

<transition name="el-zoom-in-center">
   <div v-show="show2" class="transition-box">.el-zoom-in-center</div>
</transition>
 
<transition name="el-zoom-in-top">
   <div v-show="show2" class="transition-box">.el-zoom-in-top</div>
</transition>
 
<transition name="el-zoom-in-bottom">
   <div v-show="show2" class="transition-box">.el-zoom-in-bottom</div>
</transition>

 

常用：1. el-zoom-in-center        2. el-zoom-in-top         3.