VUE-CSS图片旋转-实现加载中动画效果


一、代码展示

  <template>

    ...

    <div class="loading-animation-box" >
      <img class="loading-animation" width="26" height="28" src="../../../static/images/balabla.png" />
    </div>
             ...
      </templeate>
 
  <style>
    .loading-animation-box{
      margin: 0;
      padding: 0;
      .loading-animation{
        animation:loading 0.75s linear infinite forwards;
     }
    @keyframes loading{
      0%{
        transform:rotate(0deg)
      }
        100%{
          transform:rotate(360deg)
        }
      }
    }
      </style>
二、效果展示
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM