elementUI中自定义过渡动画

最近在开发的过程中遇到了需要写一个动画效果，现记录一下解决方案
html结构

 <transition name="help-center-fade">
    ...
  </transition>

Vue中 transition 的name的作用，是替代替换 v-enter 的 v，name可以自定义但相应的style的开头也要改变
css样式

.help-center-fade-enter-active, .help-center-fade-leave-active {
  transition: all .3s
}

.help-center-fade-enter, .help-center-fade-leave-active {
  opacity: 0;
  transform-origin:100% 100%;
  transform:scale(0.8,0.8);
}

transform-origin：改变坐标基点
最后将css的部分替换成transition标签里面的name值