【css3】动画效果

css3中transition,transform，等动画效果
过渡动画：前提：组件|元素必须要有v-if|v-show指令才可以进行过度动画，且在要过渡的HTML模块上要套一层

<transition name="sort">name属性即下方’name‘-enter
 </transition>

  //过渡动画的样式
    //过度动画开始状态(进入)
    .sort-enter{
      height: 0px;
      //旋转效果
      transform: rotate(0deg);
    }
    //过度动画结束状态(进入)
    .sort-enter-to{
      height: 461px;
      transform: rotate(360deg);
    }
    //定义动画时间、速率
    .sort-enter-active{
      transition: all .5s linear;
    }
  }