加载动画 · Orange Bat

类型：组件　·　分类：加载动画　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

<div class="Buttons"></div>

<style>
/* From Uiverse.io by Juanes200122  - Tags: animation, loader, animated, transition */
.Buttons {
  color: #000;
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l37-1 0.75s infinite linear alternate, l37-2 1.5s infinite linear;
}
@keyframes l37-1 {
  0%,
  20% {
    box-shadow: 30px 0 0 3px, 10px 0 0 3px, -10px 0 0 3px, -30px 0 0 3px;
  }
  60%,
  100% {
    box-shadow: 12px 0 0 3px, 14px 0 0 6px, -14px 0 0 6px, -12px 0 0 3px;
  }
}

@keyframes l37-2 {
  0%,
  25% {
    transform: rotate(0);
  }
  50%,
  100% {
    transform: rotate(0.5turn);
  }
}

</style>
    

[/hidecontent]