loadding图片360度旋转

最新推荐文章于 2024-08-30 00:13:53 发布

a～～小太阳~~

最新推荐文章于 2024-08-30 00:13:53 发布

阅读量223

点赞数 1

CC 4.0 BY-SA版权

文章标签： css

本文链接：https://blog.youkuaiyun.com/wangdanYL/article/details/109206337

本文介绍了一种使用CSS实现的旋转加载图标效果。通过关键帧动画定义了从0到360度的旋转过程，并应用到了一个名为.loading-icon的类上，确保了在多种浏览器下的一致性表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.loading-icon {
  @keyframes rotation {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  transform: rotate(360deg);
  animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
  vertical-align: middle;
}