Vue中添加旋转动画

 // transform: scale(1.2) rotate(-180deg);  放大 +  旋转 

// transform: rotate(-180deg); 旋转

    <i class="el-icon-close">i>
 
    i {
      font-size: 20px;
      line-height: 24px;
      transition: transform 0.2s linear;
    }
    
    i:hover {
      color: red;
      transform-origin: center center;
      transform: scale(1.2) rotate(-180deg);
    }