加载动画 · Average Firefox

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

[hidecontent type="vip1"]

<div class="spinner"></div>
<style>
/* From Uiverse.io by Sendung - Tags: loader */
.spinner {
  --s: 9px;
  width: 56px;
  height: 56px;
  background: #e73535;
  border-radius: 20%;
  animation: spinner-ehcge9 1.5s infinite linear;
  clip-path: polygon(0 0,calc(50% - var(--s)) 0,50% var(--s),calc(50% + var(--s)) 0,100% 0,100% calc(50% - var(--s)),calc(100% - var(--s)) 50%,100% calc(50% + var(--s)),100% 100%,calc(50% + var(--s)) 100%, 50% calc(100% - var(--s)),calc(50% - var(--s)) 100%,0 100%,0 calc(50% + var(--s)), var(--s) 50%, 0 calc(50% - var(--s)));
}

@keyframes spinner-ehcge9 {
  100% {
    transform: rotate(1turn);
  }
}
</style>

[/hidecontent]