animation实现加载转圈的效果

最新推荐文章于 2022-11-23 11:19:00 发布

HerayChen

最新推荐文章于 2022-11-23 11:19:00 发布

阅读量723

点赞数

分类专栏：笔记文章标签： animation

本文链接：https://blog.csdn.net/qq_45832807/article/details/108055713

版权

笔记专栏收录该内容

145 篇文章 6 订阅

订阅专栏

 <view class="induction">
  <image src="/static/icons/onload.png" />
</view>

@-webkit-keyframes load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.induction {
   width: 48rpx;
    min-width: 48rpx;
    max-width: 48rpx;
    height: 48rpx;
    animation: load 1.2s linear infinite;
    image {
      width: 100%;
      height: 100%;
    }
}